Signature_pad: __WEBPACK_IMPORTED_MODULE_1_signature_pad__는 생성자가 아닙니다.

이 라이브러리의 Angular 버전을 유지 관리하지 않습니다.

실제로 SignaturePad 가 있는지 확인할 수 있습니다. 실제 생성자인 default 속성이 있는 개체일 수 있으므로 this._signaturePad = new SignaturePad.default(this._canvas); 로 변경하면 문제를 해결할 수 있습니다. , 하지만 그것은 추측일 뿐입니다.

사용 중인 TypeScript의 버전을 확인할 수 있습니까? TS 2.7+에서 이 라이브러리(Angular 라이브러리가 아님)를 확인했는데 제대로 작동합니다.

TS로 작성되었으며 TS 2.7+에서 작동해야 하는 signature_pad 베타 릴리스도 있습니다.

예, this._signaturePad = new SignaturePad.default(this._canvas); 와 함께 작동합니다.
szimek 감사합니다.

@erangaapp @szimek 여러분 new SignaturePad 잘 지내세요? 수입하는 것이 있습니까? 나는 또한 https://github.com/dimpu/angular2-signature-pad 를 사용하고 있습니다.

signature_pad에서 가져올 수 있습니다.

npm install --save signature_pad
import * as SignaturePad from 'signature_pad';

@erangaapp 덕분에 알았습니다. 또 다른 질문입니다. 프로젝트의 node_modules 에서 라인을 this._signaturePad = new SignaturePad.default(this._canvas); 로 변경하셨습니까? lib 코드 자체 내부? 아니면 프로젝트 코드에서 할 수 있습니까?

나는 아래를 통해 그것을 얻었다.

window.SignaturePad = require('signature_pad').default

this._signaturePad = new SignaturePad.default(this._canvas);

이것이 나를 위해 일한 유일한 것이었다

이것이 누구에게나 도움이 되는 경우를 대비하여 Angular 8에서 서명 패드를 작동시키기 위해 수행한 작업은 다음과 같습니다.

$ npm install --signature_pad 저장

멋진 구성 요소.html:

<div class="wrapper">
  <canvas id="signature-pad" class="signature-pad" width=400 height=200 style="border: 2px solid blue"></canvas>
</div>

멋진 구성 요소.ts:

import { Component, OnInit, ElementRef  } from '@angular/core';
import * as SignaturePad from 'signature_pad'
...
export class CoolComponent implements OnInit {
    _canvas
    _signaturePad
    constructor(private el: ElementRef) { }

    ngOnInit() {

    }

       ngAfterViewInit(){
         this._canvas = this.el.nativeElement.querySelector("canvas");
         this._signaturePad = new SignaturePad.default(this._canvas);
      }

}

이 라이브러리를 함께 만들어 주셔서 감사합니다, @szimek!