not compatible with jsPDF 2.0.0 - Property 'autoTable' does not exist on type 'jsPDF'

Hello,

I tried to use jsPDF-AutoTable with jsPDF 2.0.0 but I cant find the way to solve the following compile error: Property ‘autoTable’ does not exist on type ‘jsPDF’

` import jsPDF from ‘jspdf’;

import ‘jspdf-autotable’; … const doc = new jsPDF(‘landscape’, ‘mm’, ‘a4’);

doc.autoTable({ body: [x.content], `

It worked with jsPDF 1.5.3

[victoriaDrews]

Hello I have an similar error, I import the scripts like this:

      <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>

And want to use it like this:

    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', '[e-mail]', 'Sweden'],
          ['Castille', '[e-mail]', 'Spain']
        ]
      });
      doc.save("a4.pdf");
    }

I have all times the doc.autoTable is not a function error.

[cloakedch]

I imported:

import { autoTable, RowInput } from 'jspdf-autotable';
import { jsPDF } from 'jspdf';

and used as:

(doc as jsPDF & { autoTable: autoTable }).autoTable({
      head: [columnsTitles],
      body: this.source as RowInput[],
(...)
});

and it worked.

As an alternative, you could create an interface wrapping the autoTable plugin. This effectively does the same, its just (imo) prettier:

import { jsPDF } from "jspdf";
import 'jspdf-autotable';
import { UserOptions } from 'jspdf-autotable';

interface jsPDFWithPlugin extends jsPDF {
  autoTable: (options: UserOptions) => jsPDF;
}

Also, this lets you add any other plugins as new lines in the interface (ofc you could just AND it together like @digit81 proposed).

Then use it in your class:

export class PDFDocument {
  protected doc: jsPDFWithPlugin;

  constructor() {
    this.doc = new jsPDF({
      orientation: 'portrait',
      unit: 'mm',
      format: 'a4',
    }) as jsPDFWithPlugin;
  }

  generate() {
    this.doc.autoTable({
      ...
    });
  }
}