vue3報(bào)錯(cuò)提示找不到模塊“./XXX.vue”或其相應(yīng)的類型聲明問(wèn)題
vue3報(bào)錯(cuò)提示 找不到模塊“./XXX.vue”或其相應(yīng)的類型聲明
從網(wǎng)上找了好多方法比如在tsconfig文件下增加：
{
? ? "compilerOptions": {
? ? ? ? "baseUrl": "./",
? ? ? ? "paths": {
? ? ? ? ? ? "@/*": [
? ? ? ? ? ? ? ? "src/*"
? ? ? ? ? ? ]
? ? ? ? }
? ? },
? ? "exclude": [
? ? ? ? "node_modules",
? ? ? ? "dist"
? ? ]
}這對(duì)我來(lái)說(shuō)根本沒(méi)有用。
后來(lái)看到說(shuō)可以在src根目錄下創(chuàng)建一個(gè)后綴為.d.ts的文件，
寫上以下代碼：
{
? ? "compilerOptions": {
? ? ? ? "baseUrl": "./",
? ? ? ? "paths": {
? ? ? ? ? ? "@/*": [
? ? ? ? ? ? ? ? "src/*"
? ? ? ? ? ? ]
? ? ? ? }
? ? },
? ? "exclude": [
? ? ? ? "node_modules",
? ? ? ? "dist"
? ? ]
}問(wèn)題解決了，不再報(bào)模塊找不到的錯(cuò)誤了
vue3 ts報(bào)錯(cuò)找不到相關(guān)模塊問(wèn)題
相應(yīng)的遇到這種問(wèn)題 會(huì)很苦惱 ，程序能夠執(zhí)行，但是對(duì)于我們一部分人來(lái)說(shuō)，一直看著報(bào)錯(cuò) 是真的難受！
解決方法
在最外層的目錄下新建一個(gè)env.d.ts文件
// <reference types="vite/client" />
// vue3 報(bào)錯(cuò)提示 找不到模塊“./XXX.vue”或其相應(yīng)的類型聲明
// 報(bào)錯(cuò)原因：typescript 只能理解 .ts 文件，無(wú)法理解 .vue文件
declare module '*.vue' {
import type { DefineComponent } from 'vue';
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
const component: DefineComponent<{}, {}, any>;
export default component;
}
保存后 ，你就會(huì)驚奇的發(fā)現(xiàn)，原先報(bào)錯(cuò)的代碼，不再報(bào)錯(cuò)了
當(dāng)然也有最簡(jiǎn)版的方法
找到對(duì)應(yīng)的eslint 的擴(kuò)展 將它關(guān)閉，或者是將對(duì)應(yīng)的設(shè)置關(guān)閉，不過(guò)這對(duì)于團(tuán)隊(duì)開(kāi)發(fā)的話。會(huì)有所影響~
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹是八種vue實(shí)現(xiàn)組建通信的方式，包括、props 父組件與子組件通信、$emit 子組件父組件傳遞、$emit與props結(jié)合 兄弟組件傳值等等，想具體了解的朋友可以參考下面文章的具體內(nèi)容2021-09-09
vue3+ts項(xiàng)目搭建的實(shí)現(xiàn)示例
這篇文章主要介紹了vue3+ts項(xiàng)目搭建的實(shí)現(xiàn)示例,本文目的在于記錄自己項(xiàng)目框架搭建的過(guò)程,通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-03-03
Vite創(chuàng)建Vue3項(xiàng)目及Vue3使用jsx詳解
vite是新一代的前端構(gòu)建工具,下面這篇文章主要給大家介紹了關(guān)于Vite創(chuàng)建Vue3項(xiàng)目以及Vue3使用jsx的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
Vue-cli proxyTable 解決開(kāi)發(fā)環(huán)境的跨域問(wèn)題詳解
本篇文章主要介紹了Vue-cli proxyTable 解決開(kāi)發(fā)環(huán)境的跨域問(wèn)題詳解，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-05-05
這篇文章主要為大家詳細(xì)介紹一下如何在Vue3中實(shí)現(xiàn)自定義指令，文中的示例代碼講解詳細(xì)，具有一定的借鑒價(jià)值，需要的同學(xué)可以參考一下2022-07-07
vue cli3中eslint報(bào)錯(cuò)no-undef和eslint規(guī)則配置方式
這篇文章主要介紹了vue cli3中eslint報(bào)錯(cuò)no-undef和eslint規(guī)則配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
詳解.vue文件中監(jiān)聽(tīng)input輸入事件（oninput）
本篇文章主要介紹了詳解.vue文件中監(jiān)聽(tīng)input輸入事件（oninput），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要為大家詳細(xì)介紹了Vue.js?的過(guò)濾器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
在Vue項(xiàng)目中取消ESLint代碼檢測(cè)的步驟講解
今天小編就為大家分享一篇關(guān)于在Vue項(xiàng)目中取消ESLint代碼檢測(cè)的步驟講解，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01
這篇文章主要為大家詳細(xì)介紹了vue2與vue3中獲取模版引用ref的方法與區(qū)別,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10