在Angular 2项目中导入JSZip

时间:2017-03-29 14:57:01

标签: angular typescript visual-studio-code jszip

我在Angular 2项目中导入JSZip库时遇到了麻烦。 我按照以下步骤更改了项目配置:

1 - 使用NPM安装JSZip

npm install jszip --save

2 - 按如下所示更改systemjs.config.js

var map = {
    ...
    'jszip':                      'node_modules/jszip/dist/jszip.min.js'
};

3 - 在需要它的组件中导入依赖项

import JSZip from 'jszip';

然后,我尝试使用主JSZip构造函数来附加一些文件,但是我收到一个Web错误,指出没有定义构造函数。此外,我使用的Typescript编辑器无法找到它的定义。

我错过了什么吗?

谢谢。

2 个答案:

答案 0 :(得分:26)

对于那些想知道它是如何结束的人来说,问题在于导入。 以下是正确的导入:

import * as JSZip from 'jszip';

然后,使用如下:

let zipFile: JSZip = new JSZip();

答案 1 :(得分:0)

有一个错字,应该是

import * as JSZip from 'jszip';
let zipFile: JSZip = new JSZip();