html2canvas с Angular не работает должным образом

Question

Мне нужна вторая пара глаз, чтобы узнать, почему html2canvas не работает. Я не уверен, что мне здесь не хватает. Я повторял это несколько раз, и это не должно быть так сложно. Боюсь, что это как-то неправильно реализуется. Я сделаю все, что смогу. любая помощь была бы замечательной! Все, что я хочу сделать, это убедиться, что он работает, и я пытаюсь выполнить простую задачу отображения 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';