从 CDN 加载时 jspdf 不起作用
我将使用从 **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')
}
但是我收到错误
那么，我该如何修复这个错误呢？
I am going to use package(jspdf) loaded from **CDN **
this is CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
and I have loaded it like this in a page :
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)
}
and I have a button that when you click on it a below method will called and some pdf will be generated.
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')
}
BUT I get an error
So, how can I fix this error?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用
const { jsPDF } = window.jspdf;如尽管如此，我仍然推荐 NPM 包方式（包本身也是如此）。
You can use
const { jsPDF } = window.jspdf;as shown in the official documentation if you want to use the CDN.Even tho, I still do recommend the NPM package way (so does the package itself).
这似乎有效：
This one seems to be working :