JsPDF Uncaught ReferenceError: jsPDF is not defined"答案

【问题标题】：JsPDF Uncaught ReferenceError: jsPDF is not defined"JsPDF Uncaught ReferenceError: jsPDF is not defined"
【发布时间】：2021-10-13 16:12:13
【问题描述】：

我正在尝试使用 jsPDF 将 div 保存为 PDF。这是我的小提琴：https://jsfiddle.net/waleedbinahmed/bfj6qktv/11/ 这是别人上传的小提琴：https://jsfiddle.net/waleedbinahmed/8s4qvu27/

第二把小提琴工作正常。

我试图模仿第二把小提琴，即包括相同的 js 和 Jquery 库。但是在我的小提琴中，我收到了这个错误“未捕获的 ReferenceError：jsPDF 未定义”。

我不知道我的小提琴缺少什么导致问题。请帮助我解决关于第二小提琴需要更新的内容，以便我可以将 div 保存为 PDF。

JS 库：https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.debug.js

这是我的代码： HTML：

<div id="content">
  <h3>Hello, this is a H3 tag</h3>

  <p>A paragraph</p>
</div>
<div id="editor"></div>
<button onclick="javascript:createPdf()" id="cmd">generate PDF</button>

Javascript：

function createPdf() {
     var doc = new jsPDF();
    
      source = $('#content')[0];
    
      specialElementHandlers = {
        '#editor': function(element, renderer) {
          return true
        }
      };
    
      doc.fromHTML(
        source,
        15,
        15, {
          'width': 170,
          'elementHandlers': specialElementHandlers
        }
      );
      doc.save('sample-file.pdf')
    }

谢谢。

【问题讨论】：

标签： javascript html jquery css

【解决方案1】：

我确实注意了你的小提琴（第一个不能正常工作的），然后粘贴 js library from the correct fiddle

及其工作。听起来您导入的库不起作用。并且工作小提琴也实现了 jquery 3.4.1

【讨论】：