Угловая перезагрузка DOM при использовании dom-to-image

Question

Я использую dom-to-image в моей программе, чтобы преобразовать div в изображение. Моя проблема в том, что div рассчитываются по параметрам, поэтому мне нужно преобразовать их несколько раз.

Итак, я использую этот скрипт:

import domtoimage from 'dom-to-image';

convert() {
    const list = (<HTMLElement[]><any>document.getElementsByClassName('indicator-wrapper'));
    for (let i = 0; i < list.length; ++i) {
        domtoimage.toPng(list[i]).then(function (dataUrl) {
            const img = new Image();
            img.src = dataUrl;
            document.body.appendChild(img);
        })
            .catch(function (error) {
                console.error('oops, something went wrong!', error);
            });
    }
}

Для каждого звонка снова скачивайте все мои ресурсы:

840 раз | 18: 59: 49,418 | XHR закончила загрузку: ПОЛУЧИТЬ "".

96 раз | 18: 59: 50,305 | XHR завершил загрузку: ПОЛУЧИТЬ "?".

почему это происходит?