Angular - Could not find a declaration file for module 'file-saver'

Question

In my Angular-12 project I installed file-saver:

npm install file-saver@2.0.5

npm install --save exceljs

ng generate service services/export-excel

Then in the export-excel service, I added:

import * as fs from 'file-saver';

I got file-saver highlighted

with this error:

Could not find a declaration file for module 'file-saver'. 'c:/xampp/htdocs/myapp/node_modules/file-saver/dist/FileSaver.min.js' implicitly has an 'any' type. Try npm i --save-dev @types/file-saver if it exists or add a new declaration (.d.ts) file containing declare module 'file-saver';

But I didn't use:

@types/file-saver

How do I get this error resolved?

Thanks

Answer 1

其他打字稿定义

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

Answer 2

我刚刚解决了一个具有相同错误消息的类似错误（我当前正在 Angular 13 项目中工作），首先有一个解决方案，您必须在 src 的同一文件夹级别中创建一个名为“types”的文件夹：

然后在该文件夹内创建另一个文件夹，在本例中使用模块名称“file-saver”，并在其中创建一个名为“index.d.ts”的文件

最终结果需要类似于：

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

declare module 'file-saver';

Answer 3

添加

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

到 package.json 文件中的依赖项部分，并将其从 devDependencies 部分中删除。