将div保存为PDF时未定义jsPDF

Question

我试图使用jsPDF保存具有特定id的div元素，但得到了Uncaught ReferenceError: jsPDF is not defined。尝试了一系列不同的方法来解决这个问题，包括stackoverflow上所有可用的解决方案，但都不起作用。

以下是div元素的外观(这是一个根据用户选择自动填充的表，在本例中，我删除了大部分选项以减少行数(。下面是一个快速的片段，给出了发生了什么。它仍然说jsPDF没有被定义：

$('#savePDF').click(function() {
var pdf = new jsPDF('p', 'pt', 'letter');
source = $('#yourSummary');
specialElementHandlers = {
'#bypassme': function (element, renderer) {
return true
}
};
margins = {
top: 80,
bottom: 60,
left: 40,
width: 522
};
pdf.fromHTML(
source,
margins.left,
margins.top, {
'width': margins.width,
'elementHandlers': specialElementHandlers
},
function (dispose) {
pdf.save('your-summary.pdf');
}, margins
);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script>
<div id="yourSummary" class="modal-body">
<table id="yourExterior" class="table table-hover">
<h5>Exterior</h5>
<tbody>
<tr>
<th scope="row">Body colour</th>
<td id="sumBC"></td>
</tr>
</tbody>
</table>
</div>
<button class="btn-primary" id="savePDF">Save configuration as PDF</button>

但一旦我在浏览器中按下按钮，我就会出现以下错误：

Uncaught ReferenceError: jsPDF is not defined
at HTMLButtonElement.<anonymous> (main.js:34)
at HTMLButtonElement.dispatch (jquery-3.5.1.slim.min.js:2)
at HTMLButtonElement.v.handle (jquery-3.5.1.slim.min.js:2)

我做错了什么？如何解决这个问题？

Answer 1

使用以前的版本
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>

2.0.0版本非常不同
例如，代替方法"；jsPDF"；您将使用jspdf.jspdf，但会看到新的错误。