使用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)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容