从 CDN 加载时 jspdf 不起作用

mor*_*aie 3 javascript jspdf vue.js nuxt.js

我将使用从 **CDN ** 加载的包( jspdf )

这是CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

我已经将其加载到页面中:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

我有一个按钮,当您单击它时,将调用下面的方法并生成一些 pdf。

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)
}
Run Code Online (Sandbox Code Playgroud)

我收到一个错误

在此输入图像描述

那么,我该如何修复这个错误呢?

kis*_*ssu 9

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

尽管如此,我仍然推荐 NPM 包方式(包本身也是如此)。