尝试将div转换为可下载的图像时未捕获（在Promise中）

Question

我正在尝试将我的部分HTML转换为可下载的图像。 为此，我使用了dom2image.js和file-saver.js。

我按照他们给我的用法示例，但在点击我的按钮后发生了错误。

我做错了什么？

function generateBanner() {
    domtoimage.toBlob(document.getElementById('wrapper'))
    .then(function(blob) {
      console.log("blob", blob)
      debugger;
      window.saveAs(blob, 'my-node.png');
    });
}



     <article id="wrapper">
         <p>{{ title }}</p>
          <img class="logo" src="http://myurlimage.png" alt="">
          <aside class="exclusive" ng-if="exclusive"></aside>
          <aside class="off" ng-if="percentoff">
            {{ percentoff }}
          </aside>
           <div class="produtos">
             <img src="{{ produto1 }}" alt="">
              <img src="{{ produto2 }}" alt="">  
           </div>
                <aside class="valid" ng-if="valid"></aside>
                <footer>
                  {{footer}}
                </footer
              <button class="btn" id="generate" type="button" ng-click="generateBanner()">
                    <span>
                        download as img
                    </span>
                </button>