TypeError:__ WWEPACK_IMPORTED_MODULE_1_signature_pad__不是构造函数

时间:2018-02-08 07:40:25

标签: angular typescript ionic3 signaturepad

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

但是我收到以下错误:错误:未捕获(在承诺中):TypeError:WEBPACK_IMPORTED_MODULE_1_signature_pad不是构造函数enter image description here

我在这个link中看到了另一个SO问题并安装在包

下面
  

npm install --save @ types / signature_pad

但同样的错误又发生了。我错过了哪一部分可以完美地使用签名板?

1 个答案:

答案 0 :(得分:0)

angular2-signature-pad库适用于angular2,适用于角度cli,Ionic使用不同的webpack方法,此lib不支持。

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