Typescript | 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> 

と私は、ブラウザのページ起動したときに、私は次のエラーを取得する： ERROR Error: Uncaught (in promise): TypeError: WEBPACK_IMPORTED_MODULE_1_signature_pad is not a constructor

を私はまたdimpuのangular2署名パッドを使用してみましたが、同じエラーは、基本的にアップします。

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);