在Angular 2项目中导入JSZip

问题描述 投票:11回答:2

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

我错过了什么?

谢谢。

angular typescript visual-studio-code jszip
2个回答
30
投票

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

import * as JSZip from 'jszip';

然后,使用如下:

let zipFile: JSZip = new JSZip();

0
投票

有一个错字,它应该是:

import * as JSZip from 'jszip';
let zipFile: JSZip = new JSZip();
© www.soinside.com 2019 - 2024. All rights reserved.