vue3 報錯解決：找不到模組‘xxx.vue’或其相應的型別宣告。（Vue 3 can not find module）

最近在用 vue3 寫一個小元件庫，在 ts 檔案中引入 .vue 檔案時出現以下報錯：

 

 

 報錯原因：typescript 只能理解 .ts 檔案，無法理解 .vue檔案

解決方法：在專案根目錄或 src 資料夾下建立一個字尾為 .d.ts 的檔案，並寫入以下內容：

declare module '*.vue' {
  import { ComponentOptions } from 'vue'
  const componentOptions: ComponentOptions
  export default componentOptions
}

 

 

 

 

 報錯解決：