Signature_pad: __WEBPACK_IMPORTED_MODULE_1_signature_pad__ не является конструктором

Я не поддерживаю Angular версию этой библиотеки.

Вы можете проверить, что на самом деле есть SignaturePad - возможно, это объект со свойством default , который является фактическим конструктором, поэтому, возможно, изменение его на this._signaturePad = new SignaturePad.default(this._canvas); может исправить это. , но это только предположение.

Можете ли вы проверить, какую версию TypeScript вы используете? Я проверил эту библиотеку (не Angular) с TS 2.7+, и она отлично работает.

Существует также бета-версия signal_pad, написанная на TS и должна работать с TS 2.7+.

Да, это работает с this._signaturePad = new SignaturePad.default(this._canvas);
Большое спасибо, szimek

@erangaapp @szimek как дела, ребята, new SignaturePad ? Вы что-нибудь импортируете? Я также использую https://github.com/dimpu/angular2-signature-pad

Вы можете импортировать его из signal_pad

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

@erangaapp Спасибо, понял. Другой вопрос, вы изменили строку на this._signaturePad = new SignaturePad.default(this._canvas); в node_modules вашего проекта? Внутри самого кода библиотеки? Или вы можете сделать это в коде вашего проекта?

Я обошел это через ниже

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

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

Это было единственное, что сработало для меня

Если это кому-то полезно, вот что я сделал, чтобы панель для подписи работала с Angular 8:

$ npm install --save signal_pad

классный-component.html:

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

прохладно-component.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!