javascript - 打字稿 | TypeError: __WEBPACK_IMPORTED_MODULE_1_signature_pad__ 不是构造函数

Question

我目前正在开发一个 Angular2 项目，并且正在尝试使用 JS 库（https://github.com/szimek/signature_pad）进行签名输入。

我已经尝试按原样使用该库，我的代码如下：

// .ts file
import * as SignaturePad from 'signature_pad';

export class ... {
    private signaturePad: SignaturePad;

    ngOnInit() {
        let canvas = document.querySelector("canvas");
        this.signaturePad = new SignaturePad(canvas);
    }
}

.

// .html file
<div...>
    <canvas></canvas>
</div>

当我启动浏览器页面时出现以下错误： 错误错误：未捕获（承诺中）：TypeError：WEBPACK_IMPORTED_MODULE_1_signature_pad不是构造函数

我也尝试过使用 dimpu 的 angular2-signature-pad，但基本上会出现同样的错误。

Answer 1

如果您有signature_pad( npm install --save-dev @types/signature_pad) 的类型，则必须像下面这样导入和使用它，因为signature_pad它没有任何导出的成员，并且只将类声明SignaturePad到当前范围：

import 'signature_pad';

// ...
let canvas = document.querySelector("canvas");
this.signaturePad = new SignaturePad(canvas);