使用vite+typescript創建vue3項目找不到模塊“./App.vue”或其相應的類型聲明

當我們使用vite3+typescript創建vue3項目時，在main.ts中報出找不到模塊“./App.vue”或其相應的類型聲明。ts(2307)，在ts項目里，.ts文件是識別不了.vue文件的。


解決思路是：

1.在項目的根目錄創建一個env.d.ts文件，必須是.d.ts結尾的，然后再加上如下代碼

declare module "*.vue" {
    import type { DefineComponent } from "vue"; 
    const vueComponent: DefineComponent<{}, {}, any>; 
    export default vueComponent;
  }

2.接下來是打開tsconfig.json文件，找到include屬性添加上剛才新建的env.d.ts

![119c5b2fa2ce48ada28498974234d7f9-2.png](https://upload-images.jianshu.io/upload_images/15934529-3df880b7d169c9d0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容