vue3 報錯解決：找不到模組或其相應的型別宣告。（Vue 3 can not find module）

一名小白前端發表於2024-03-07
Vue型別

當我們在引入應該元件的時候 提示找不到這個元件但是專案明明就有這個物理檔案

報錯原因：typescript 只能理解 .ts 檔案，無法理解 .vue檔案

出現這樣的

第一種 方法就是在env.d.ts 裡面新增下面程式碼 

1 declare module '*.vue' {
2   import type { DefineComponent } from 'vue'
3   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
4   const component: DefineComponent<{}, {}, any>
5   export default component
6 }

如圖

第二種

這個時候我們應該這樣

首先

原因：
1、volar 外掛沒開takeover模式
去看volar外掛介紹，開takeover模式
2、volar未選擇tyscript最新版本
解決：
1、在當前專案的工作空間下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 喚起命令皮膚。
2、輸入 built，然後選擇“Extensions：Show Built-in Extensions”。
3、在外掛搜尋框內輸入 typescript (不要刪除 @builtin 字首)。
4、點選“TypeScript and JavaScript Language Features”右下角的小齒輪，然後選擇“Disable (Workspace)”。
5、重新載入工作空間。Takeover 模式將會在你開啟一個 Vue 或者 TS 檔案時自動啟用。

1.

2.

3.

4.

然後就ok了

相關文章