Angular2 FileSaver.js - 找不到模块'file-saver'

gam*_*r42 11 typescript angular

我正在努力将角度1.x站点移动到我使用angular-cli 1.0.0-beta.15创建站点的新角度2.0站点.

我有一个按钮可以将一些数据导出到CSV文件.当页面首次加载时,我收到一条错误消息"无法找到模块'文件保护程序'",但是当我点击按钮时,一切都运行正常.

我安装了FileSaver.js组件:

的package.json

...
"dependencies": {
  ...
  "@types/filesaver": "0.0.30",
  "file-saver": "^1.3.2"
  ...
}
...
Run Code Online (Sandbox Code Playgroud)

在我的export.service.ts中:

import { saveAs } from 'file-saver';
...
let file = new Blob(['hello world'], { type: 'text/csv;charset=utf-8' });
saveAs(file, 'helloworld.csv');
...
Run Code Online (Sandbox Code Playgroud)

有谁知道如何解决此错误?

小智 15

只需使用此导入语句

import * as fileSaver from 'file-saver';
Run Code Online (Sandbox Code Playgroud)


Par*_*sha 5

按如下方式安装库,

npm install file-saver --save
Run Code Online (Sandbox Code Playgroud)

这将解决您的问题。


Gre*_*ger -2

安装新的 TypeScript 2 版本..应该可以工作..