原因說明
簡單來說就是ts不認識.vue這個型別,需要定義宣告。我剛學ts不是很懂為什麼vite官方內寫了那麼多型別宣告就是不寫.vue。
解決方法
在專案根目錄下找到env.d.ts檔案,這個檔案定義型別宣告,簡單地說就是讓ts認識各種型別,尤其是檔案。那麼解決方法顯而易見,我們自定義vue的型別宣告加入到env.d.ts檔案末尾即可。
declare module '*.vue' {
import { ComponentOptions } from 'vue'
const componentOptions: ComponentOptions
export default componentOptions
}