從 CDN 加載時 jspdf 不起作用

Question

我將使用從 **CDN ** 加載的包（ jspdf ）

這是CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>

我在頁面中像這樣加載它：

mounted() {
  if (document.getElementById('myScript')) { return }
  let src = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js'
  let script = document.createElement('script')
  script.setAttribute('src', src)
  script.setAttribute('type', 'text/javascript')
  script.setAttribute('id', 'myScript')
  document.head.appendChild(script)
}

我有一個按鈕，當您單擊它時，將調用下面的方法並生成一些 pdf。

generateReport() {
  var doc = new jsPDF('l', 'mm', [62, 32])
  const margins = {
    top: 0,
    bottom: 60,
    left: 0,
    width: 122
  }

  doc.fromHTML(this.$refs.print, margins.left, margins.top, {
    width: margins.width
  })

  doc.save('test.pdf')
}

但是我得到一個錯誤

那么，我該如何解決這個錯誤呢？

Answer 1

你可以使用const { jsPDF } = window.jspdf; 如果你想使用 CDN，如官方文檔所示。

即使如此，我仍然推薦 NPM package 方式（package 本身也是如此）。