Angular中的html2canvas-无法调用其类型缺少调用签名的表达式

Question

我正在尝试将html2Canvas库用于Angular 8项目。

我还尝试在我的项目中通过npm install--sav@type/html2Canvas安装html2Canvas类型，但它仍然不起作用。

模板：

<div #myform>
  <form>
    ...
  </form>
</div>

组件：

import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import * as html2canvas from 'html2canvas';

@Component({
  selector: 'app-pdf-viewer',
  templateUrl: './pdf-viewer.component.html',
  styleUrls: ['./pdf-viewer.component.scss']
})
export class PdfViewerComponent {
  @ViewChild('myform', { static: false, read: ElementRef }) pdfForm: ElementRef;

  constructor() {}


  pdfDownload() {
    html2canvas(this.pdfForm.nativeElement).then(canvas => {
      const imgData = canvas.toDataURL('image/png');
      document.body.appendChild(canvas);
    });
  }

}

我的意图是将表单呈现为画布，但应用程序抛出错误：

src/app/grid/pdf-viewer/pdf-viewer中出错。组成部分ts（19,5）：错误TS2349：无法调用其类型缺少调用签名的表达式。键入“typeof import（“myroute”）”您不支持调用签名。

Answer 1

在Angular 8上也有同样的问题，我能够在没有错误的情况下导入库的唯一方法是使用要求。

看这篇文章。

Answer 2

对于Angular 8，请参阅此链接：https://github.com/niklasvh/html2canvas/issues/1896#issuecomment-506129710

基本上，您需要1.0.0-rc版本。安装1个html2canvas使其工作。

Answer 3

解决了！谢谢：）

最后，我以这种方式导入：

import html2canvas from 'html2canvas';