在 Angular 2 项目中导入 JSZip答案

【问题标题】：Import JSZip in Angular 2 project在 Angular 2 项目中导入 JSZip
【发布时间】：2017-08-23 03:45:19
【问题描述】：

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

我错过了什么吗？

谢谢。

【问题讨论】：

【解决方案1】：

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

import * as JSZip from 'jszip';

那么，它的用法如下：

let zipFile: JSZip = new JSZip();

【讨论】：

如果您使用的是 JSZip 3.x，您还可以通过以下方式获取 Typescript 类型定义：npmjs.com/package/@types/jszip
我在尝试您的解决方案时遇到此错误 Unexpected token ':' at Object../node_modules/setimmediate/setImmediate.js (main.js:32023)

【解决方案2】：

有一个错字，应该是：

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

【讨论】：