angular - TypeError: __WEBPACK_IMPORTED_MODULE_1_signature_pad__ 不是构造函数

Question

我正在尝试在我的角度项目中使用angular2-signature-pad库进行签名输入。我尝试按如下方式使用该库：

// in .module.ts file
import {SignaturePadModule} from "angular2-signature-pad";
@NgModule({
  declarations: [
    AddProgressNotePage,
  ],
  imports: [
    IonicPageModule.forChild(AddProgressNotePage),
    SignaturePadModule // Signature Module
  ]
})

// in .ts file   
  import 'signature_pad';

   // in .html file
   <ion-row>
    <signature-pad 
        (onSave)="onSaveHandler($event)" 
        (onClear)="onClearHandler()" 
        [width]="width" 
        [height]="height" 
        [hideFooter]="noFooter" 
        [label]="label">
    </signature-pad>
   </ion-row>

但我收到以下错误：Error: Uncaught (in promise): TypeError: WEBPACK_IMPORTED_MODULE_1_signature_pad is not a constructor。

我在这个链接中看到了另一个 SO 问题并安装在包下面

npm install --save @types/signature_pad

但是同样的错误又发生了。我缺少哪一部分来完美地工作签名板？

Answer 1

angular2-signature-pad库适用于 angular2 并且适用于 angular cli，Ionic 使用不同的 webpack 方法，这个库不支持。

所以，我正在使用另一个名为angular2-signaturepad的模块来完成这项工作。