Angular9-szimek / signature_pad的Angular 2组件未定义

我正在尝试使此signaturePad正常工作。当我尝试实例化它时，我不确定。该模块适用于8号或8号以下的角度，我相信它可能与ES6兼容性有关。有人知道解决此问题的方法吗？

这是我的代码段（非常向前）app.ts ==> ...

import { BidiModule } from '@angular/cdk/bidi';
import { HttpClientModule } from '@angular/common/http';
import { SignaturePadModule } from 'angular2-signaturepad';




@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    BpensiaComponent,
    BmngComponent,
    BindiComponent,
    BpartComponent,
    BuniqComponent,
    BlogComponent,
    AboutusComponent,
    JoinformComponent,

  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    BidiModule,
    AppRoutingModule,
    SharedModule.forRoot(),
    BrowserAnimationsModule,
    SignaturePadModule,

joinForm.ts ==>

import { Component, OnInit, ViewChild  } from "@angular/core";
import { SignaturePad } from 'angular2-signaturepad/signature-pad';


@Component({
  selector: "app-joinform",
  templateUrl: "./joinform.component.html",
  styleUrls: ["./joinform.component.scss"]
})
export class JoinformComponent implements OnInit {
  @ViewChild(SignaturePad, {static:false}) signaturePad: SignaturePad;
   signaturePadOptions: Object = { // passed through to szimek/signature_pad constructor
    'minWidth': 5,
    'canvasWidth': 500,
    'canvasHeight': 300
  };

  constructor() {}

  ngOnInit(): void {}

  ngAfterViewInit() {
    // this.signaturePad is now available
    this.signaturePad.set('minWidth', 5); // set szimek/signature_pad options at runtime
    this.signaturePad.clear(); // invoke functions from szimek/signature_pad API
  }

  drawComplete() {
    // will be notified of szimek/signature_pad's onEnd event
    console.log(this.signaturePad.toDataURL());
  }

  drawStart() {
    // will be notified of szimek/signature_pad's onBegin event
    console.log('begin drawing');
  }

提前发送