创建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 }