Vue3+Vite+TypeScript import 报错

原因是TypeScript无法识别.vue文件导致的报错，类似以下

在使用vite构建项目后，根目录下会有一个env.d.ts文件，在文件中输入以下内容

/* eslint-disable */
declare module '*.vue' {
    import { DefineComponent } from "vue"
    const component: DefineComponent<{}, {}, any>
    export default component
}

因为文件在根目录下，所以还需要手动导入到tsconfig.json文件中

"include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "env.d.ts"
  ]

保存后重启ide即可