Vite创建Vue+TS项目引入文件路径报错

使用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
}

编辑器中的报错就不存在了。