打字稿| TypeError:__ WWEPACK_IMPORTED_MODULE_1_signature_pad__不是构造函数

时间:2017-05-25 04:21:31

标签: javascript angular typescript signaturepad

我目前正在开发一个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>

我启动浏览器页面时出现以下错误: ERROR Error: Uncaught (in promise): TypeError: WEBPACK_IMPORTED_MODULE_1_signature_pad is not a constructor

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

1 个答案:

答案 0 :(得分:1)

如果你有signature_padnpm install --save-dev @types/signature_pad)的类型,则必须导入并使用它,如下所示signature_pad没有任何导出成员,只声明类{{ 1}}进入当前范围:

SignaturePad