vue3 報錯解決：找不到模塊或其相應的類型聲明。（Vue 3 can not find module）

當我們在引入應該組件的時候 提示找不到這個組件但是項目明明就有這個物理文件

報錯原因：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了