jspdf autoTable 不是脚本标签中带有 CDN 链接的函数答案

【问题标题】：jspdf autoTable is not a function with CDN Link in Script tagjspdf autoTable 不是脚本标签中带有 CDN 链接的函数
【发布时间】：2020-12-10 18:32:09
【问题描述】：

在我的 jsPDF 现在工作之后，我在使用 autoTable 时遇到了同样的问题。

我的 header.php：

<head>
.....
</head>
<header>
.....
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.0.0/jspdf.umd.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.6/jspdf.plugin.autotable.min.js"></script>
</header>

我需要 other.php 中的 header.php 并希望在此文件中使用 jsPDF：

require "header.php";

<body>
....
</body>

<script>
    window.jsPDF = window.jspdf.jsPDF;
    function createInvoice(final){
      const doc = new jsPDF();
      console.log(window.autotable);

      doc.text("Hello world!", 10, 10);
      doc.autoTable({
        head: [['Name', 'Email', 'Country']],
        body: [
          ['David', 'david@example.com', 'Sweden'],
          ['Castille', 'castille@example.com', 'Spain']
        ]
      });
      doc.save("a4.pdf");
    }
</script>

我尝试了不同的src，下载它，但每次我收到以下错误：

doc.autoTable is not a function

有人可以帮助我吗？提前谢谢你

【问题讨论】：

这能回答你的问题吗？ jsPDF AutoTable - autoTable is not a function
不，因为它与 Angular 一起使用，而我不与 Angular 一起工作。它是平面 HTML/PHP/CSS/JS 我必须使用脚本标签 oder 在我的项目中下载它。但这不起作用

标签： php html cdn jspdf jspdf-autotable

【解决方案1】：

jsPDF-autoTable 3.5.6 似乎与 jsPDF 2.0 版本不兼容。

github issue tracker 上已经存在一个问题。

【讨论】：