安裝vite框架，報錯“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 問題解決方法

代碼編輯器：vscode ，使用vue3，所以安裝了 Volar 插件，可以使 vue 代碼高亮顯示，不同顏色區分代碼塊，以及語法錯誤提示等

提示：如果使用的是vue2，則使用 Vetur 插件；使用 vue3 的話 ，要禁用 Vetur 插件，然後用 Volar 插件。兩個插件不要同時使用，會衝突。
報錯描述：
安裝vite框架（Vue3）後，項目“main.ts” 文件中 “import App from ‘./App.vue’” 部分有紅色報錯提示，其他文件有些import引入文件也報錯。
查看項目“main.ts” 文件中 “import App from ‘./App.vue’” 部分報錯原因，提示報錯 “Cannot find module ‘./App.vue’ or its corresponding type declaration”

報錯原因：vite使用的是ts，ts不識別 .vue 後綴的文件
解決方法：
創建vite項目後，項目根目錄會有一個 “env.d.ts” 文件，找到該文件，在裏面添加一下代碼：

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