Vue3学习-用 vite@latest 初始化项目后，遇到无法识别 .vue 文件

引入app界面遇到

我的解决方案

1.根目录创建 env.d.ts，添加

declare module "*.vue" {
    import type { DefineComponent } from "vue"
    const vueComponent: DefineComponent<{}, {}, any>
    export default vueComponent
}

2.在 tsconfig.json 文件， include配置项后添加

,"env.d.ts" //最终结果如下：
"include": [原来配置 ,"env.d.ts"],

其他解决方案

1.安装依赖 typescript-vue-plugin

npm install --save-dev typescript-vue-plugin

2.在根目录 tsconfig.json 文件中添加

compilerOptions:{
	"plugins": [
      	{ "name": "typescript-vue-plugin" }
	 ]
}