在Angular 2项目中导入JSZip

Question

在我的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编辑器无法找到它的定义。

我错过了什么吗？

谢谢。

Answer 1

对于那些想知道它是如何结束的人来说，问题出在导入过程中。下面是正确的导入：

import * as JSZip from 'jszip';

然后，它的用法如下：

let zipFile: JSZip = new JSZip();

Answer 2

有一个拼写错误，它应该是：

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