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