Angular - 找不到模塊“file-saver”的聲明文件

Question

在我的 Angular-12 項目中，我安裝了文件保護程序：

npm install file-saver@2.0.5

npm install --save exceljs

ng generate service services/export-excel

然后在 export-excel 服務中，我添加了：

import * as fs from 'file-saver';

我突出顯示了文件保護程序

出現此錯誤：

找不到模塊“file-saver”的聲明文件。 'c:/xampp/htdocs/myapp/node_modules/file-saver/dist/FileSaver.min.js' 隱含地具有 'any' 類型。 嘗試npm i --save-dev @types/file-saver如果它存在或添加一個包含declare module 'file-saver';

但我沒有使用：

@類型/文件保護程序

如何解決此錯誤？

謝謝

Answer 1

我剛剛用相同的錯誤消息解決了類似的錯誤（我目前在 Angular 13 項目中工作），首先有一個解決方案，您必須在 src 的同一文件夾級別中創建一個名為“types”的文件夾：

然后在該文件夾中創建另一個文件夾，在這種情況下，您的模塊名稱為“file-saver”，里面有一個名為“index.d.ts”的文件

最終結果需要類似於：

最后一步是在 index.d.ts 中放入以下代碼：

declare module 'file-saver';

Answer 2

添加

“文件保護程序”：“~2.0.5”

到 package.json 文件中的依賴項部分，並將其從 devDependencies 部分中刪除。

Answer 3

額外的打字稿定義<\/h1>

npm install @types\/file-saver --save-dev

"