建立Vue3+Ts專案的main.ts中App.vue報錯解決方案

1.在公司或者學習中，我們用Vue3+Ts建立專案時，實時開啟App.vue進行匯入Vue、Css、Ts檔案，但是在最開始時App.vue都會出現報錯（爆紅），這是應為ts檔案無法識別Vue檔案，這個時候我們需要在env.d.ts中匯入讓他識別檔案的原始碼。原始碼如下:
// vue3 報錯提示 找不到模組“./XXX.vue”或其相應的型別宣告 // 報錯原因：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 }