vue3報錯提示找不到模塊“./XXX.vue”或其相應(yīng)的類型聲明問題
更新時間：2023年06月05日 14:27:27 作者：惟愿長相見
這篇文章主要介紹了vue3報錯提示找不到模塊“./XXX.vue”或其相應(yīng)的類型聲明問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue3報錯提示 找不到模塊“./XXX.vue”或其相應(yīng)的類型聲明
從網(wǎng)上找了好多方法比如在tsconfig文件下增加：
{
? ? "compilerOptions": {
? ? ? ? "baseUrl": "./",
? ? ? ? "paths": {
? ? ? ? ? ? "@/*": [
? ? ? ? ? ? ? ? "src/*"
? ? ? ? ? ? ]
? ? ? ? }
? ? },
? ? "exclude": [
? ? ? ? "node_modules",
? ? ? ? "dist"
? ? ]
}這對我來說根本沒有用。
后來看到說可以在src根目錄下創(chuàng)建一個后綴為.d.ts的文件，
寫上以下代碼：
{
? ? "compilerOptions": {
? ? ? ? "baseUrl": "./",
? ? ? ? "paths": {
? ? ? ? ? ? "@/*": [
? ? ? ? ? ? ? ? "src/*"
? ? ? ? ? ? ]
? ? ? ? }
? ? },
? ? "exclude": [
? ? ? ? "node_modules",
? ? ? ? "dist"
? ? ]
}問題解決了，不再報模塊找不到的錯誤了
vue3 ts報錯找不到相關(guān)模塊問題
相應(yīng)的遇到這種問題 會很苦惱 ，程序能夠執(zhí)行，但是對于我們一部分人來說，一直看著報錯 是真的難受！
解決方法
在最外層的目錄下新建一個env.d.ts文件
// <reference types="vite/client" />
// vue3 報錯提示 找不到模塊“./XXX.vue”或其相應(yīng)的類型聲明
// 報錯原因：typescript 只能理解 .ts 文件，無法理解 .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;
}
保存后 ，你就會驚奇的發(fā)現(xiàn)，原先報錯的代碼，不再報錯了
當(dāng)然也有最簡版的方法
找到對應(yīng)的eslint 的擴(kuò)展 將它關(guān)閉，或者是將對應(yīng)的設(shè)置關(guān)閉，不過這對于團(tuán)隊開發(fā)的話。會有所影響~
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3?FullCalendar使用并設(shè)置dayGrid視圖的最大事件數(shù)過程
FullCalendar?dayGrid視圖可通過dayMaxEvents配置限制每日事件數(shù)量,超出部分折疊顯示為“+nmore”,設(shè)置為true時自動計算,數(shù)字則手動限制,點擊展開查看全部事件,適用于月/周視圖,支持CSS自定義折疊文本樣式2025-08-08
這篇文章主要介紹了vue 通過base64實現(xiàn)圖片下載功能，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
vue-cli提供的腳手架只是一個最基礎(chǔ)的，也可以說是Vue團(tuán)隊認(rèn)為的工程結(jié)構(gòu)的一種最佳實踐。這篇文章主要介紹了vue-cli的工程模板與構(gòu)建工具 ,需要的朋友可以參考下2018-09-09
本文主要介紹了Vue封裝遠(yuǎn)程下拉框組件的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
這篇文章主要介紹了vue使用websocket連接優(yōu)化性能方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
vue使用tracking實現(xiàn)人臉識別/人臉偵測完整代碼
作為一個AI模型,人臉識別涉及到多個技術(shù)領(lǐng)域,下面這篇文章主要給大家介紹了關(guān)于vue使用tracking實現(xiàn)人臉識別/人臉偵測的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
Vue filter格式化時間戳?xí)r間成標(biāo)準(zhǔn)日期格式的方法
今天小編就為大家分享一篇Vue filter格式化時間戳?xí)r間成標(biāo)準(zhǔn)日期格式的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue頁面之間相互傳值的實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2026-03-03
這篇文章主要為大家詳細(xì)介紹了vue點擊按鈕實現(xiàn)簡單頁面的切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了vuecli4中如何配置打包使用相對路徑，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07