TypeError: doc.autoTable is not a function

[djp9192]

hi, i can run autoTable with jsPDF, using autoTable up to 3.5.12 ... but when i try to use 3.5.13 up to 3.5.31, i get the error:
TypeError: doc.autoTable is not a function

Any suggestions? I'd want to make sure autoTable later versions can work too. (p.s. if we need a later jsPDF version, please let me know too). Thanks!

So, this works:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.12/jspdf.plugin.autotable.min.js"></script>

But this doesn't:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.31/jspdf.plugin.autotable.min.js"></script>

The same simple code is being used, it works up to autoTable 3.5.12 only:

PageModule.prototype.exportToPDFTable = function () {
var doc = new jsPDF();
doc.autoTable({
startY: 20,
head: [['ID', 'Name', 'Email', 'Country', 'IP-address']],
body: [
['1', 'Donna', '[email protected]', 'China', '211.56.242.221'],
['2', 'Janice', '[email protected]', 'Ukraine', '38.36.7.199'],
[
'3',
'Ruth',
'[email protected]',
'Trinidad and Tobago',
'19.162.133.184',
],
['4', 'Jason', '[email protected]', 'Brazil', '10.68.11.42'],
['5', 'Jane', '[email protected]', 'United States', '47.32.129.71'],
['6', 'Adam', '[email protected]', 'Canada', '18.186.38.37'],
],
});
doc.save('table.pdf');
};

[mmghv]

The current version has a bug that prevents it from working with v1 of jspdf in the browser, this will be fixed in v4, for now you can use jspdf v2 from this link https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js

[llcostalonga]

Here, I´m using Vue 3 with jspdf 2.5.1 and autotable 3.8.3. and getting the error "TypeError: F.autoTable is not a function" only when I upload (firebase) or run on the firebase emulators. In dev mode works fine! Can you help me with that? Thanks.

[nrgbistro]

I'm getting this error even in the local dev environment. I copied the exact code from the typescript example and get TypeError: autoTable is not a function.

I'm able to get it working using doc.autoTable({...}) but I get this typescript error: Property 'autoTable' does not exist on type 'jsPDF'.

"jspdf": "^2.5.2",
"jspdf-autotable": "^3.8.4",

[astro-jets]

I get an error in NextJS that says: react-dom.development.js:20620 Uncaught TypeError: doc.autoTable is not a function
at downloadPDF.
here is my code:

 "use client"
import Image from "next/image";
import { AssetProps } from "@/types/asset";

import jsPDF from 'jspdf';

const TableTwo = ({ assets }: { assets: AssetProps[] }) => {

  const downloadPDF = (data: AssetProps[]) => {
    alert("Saving Report")
    const doc = new jsPDF();
    const arr = data.map(asset => [
      asset.name,
      asset.createdAt,
      asset.path, // Adjust if you want to display a formatted or different field
      asset.cost
    ]);

    (doc as any).autoTable({
      head: [['Asset Name', 'Created On', 'Price', 'Cost']],
      body: arr,
    });
    doc.save('assets-data.pdf');
    con
```sole.log("Doc => ", doc)
  };