带有Angular的html2canvas无法正常工作

Question

我需要另一双眼睛来找出为什么html2canvas无法正常工作。我不确定我在这里缺少什么。我已经经历了几次，不应该那么难。恐怕它不能以某种方式正确实施。我将竭尽所能。任何帮助将是巨大的！我要做的就是确保它能正常工作，并且我试图做一个简单的任务，当我单击一个按钮时显示带有id的div。现在，当我单击该按钮时，什么也没有发生，好像没有正确实现]

HTML

<div id="capture" style="padding: 10px; background: #f5da55">
<h4 style="color: #000; ">Hello world!</h4>
</div>

<button (click)="clickMe()">Open html2canvas screen shot</button>

Component.ts

import html2canvas from 'html2canvas';


clickMe() {
html2canvas(document.querySelector("#capture")).then(canvas => {
  document.body.appendChild(canvas)
});
 }

节点模块

angular.json

  "scripts": [
          "node_modules/html2canvas/dist/html2canvas.min.js"
        ]

Answer 1

请检查您的控制台输出。如果出现类似ERROR TypeError: html2canvas_1.default is not a function的错误，请尝试按以下方式更改包导入：

import * as html2canvas from 'html2canvas';