使用vite搭建vue3脚手架的时候,发现main.ts中引入App.vue编辑器会报错,但是不影响代码运行。
报错信息:TS2307: Cannot find module ‘./App.vue’ or its corresponding type declarations.
翻译过来是找不到模块或者相关的声明类型;
报错的原因是因为ts不识别.vue后缀的文件。
解决方式:
创建脚手架的时候,项目的根目录下会生成一个env.d.ts文件,修改文件里面的代码,在文件里面增加下面的代码
declare module "*.vue" {import { DefineComponent } from "vue"const component: DefineComponent<{}, {}, any>export default component
}
编辑器中的报错就不存在了。