在Typescript專案 使用套件時報錯： 找不到模組 的宣告檔案。 隱含具有 ‘any’ 類型。 vite專案解決方式

今天在專案中新增一個套件時，報了一個錯誤：

而嘗試安裝@types/vue3-gantt 時，也發現沒有型別套件，代表這套件在開發時，並沒有使用typescript，也沒有型別宣告的文件。

所以就搜尋一下解決方法，如下：

1. 在tsconfig.json中include增加設定：

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

tsconfig.json中include：指定編譯需要編譯的文件或目錄。

2. 在shims-file.d.ts 或 shims-vue.d.ts (若沒有可自行新增)，新增：

// 'vue3-gantt' 套件名稱
declare module 'vue3-gantt' {
  const Gantt: any
  export default Gantt
}

shims-file.d.ts：是一個類型聲明文件，用於告訴TypeScript 編譯器如何處理Vue 的單文件元件（SFC）和其他自訂模組。 它可以為Vue 的單一檔案元件和其他非TypeScript 模組提供類型訊息，以便在TypeScript 專案中使用它們時能夠正確地進行類型檢查和程式碼提示。