TypeError: __WEBPACK_IMPORTED_MODULE_1_signature_pad__ is not a constructor

Question

我正尝试在我的 angular 项目中使用 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>

但我收到以下错误：错误：未捕获（承诺）：类型错误：WEBPACK_IMPORTED_MODULE_1_signature_pad 不是构造函数。

我在这个中看到另一个 SO 问题并安装在 package

下面

npm install --save @types/signature_pad

但是同样的错误又发生了。我缺少哪一部分才能完美地使用签名板？

Answer 1

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

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

TypeError: __WEBPACK_IMPORTED_MODULE_1_signature_pad__ is not a constructor

TypeError: __WEBPACK_IMPORTED_MODULE_1_signature_pad__ is not a constructor

typescript

signaturepad

ionic3

angular