Jspdf-autotable: autoTable does not exist on type jsPDF

[cesargrano]

Hello.
I'm trying to use on Ionic 2 and WebStrom.
You are showing me the following error when compiling:
autoTable does not exist on type jsPDF

me code is like this:

import * as jsPDF from 'jspdf';
import 'jspdf-autotable';

dowloadPDF() {
    let doc = new jsPDF('p', 'pt');
    let columns = [
        {title: "ID", dataKey: "id"},
        {title: "Name", dataKey: "name"},
        {title: "Country", dataKey: "country"},
    ];
    let rows = [
        {"id": 1, "name": "Shaw", "country": "Tanzania"},
        {"id": 2, "name": "Nelson", "country": "Kazakhstan"},
        {"id": 3, "name": "Garcia", "country": "Madagascar"},
    ];
           // Error ========================
    doc.autoTable(columns, rows);
    doc.save('teste.pdf');
}

[mtAlves]

Try change the import :

import jsPDF from 'jspdf';
import autoTable from 'jspdf-autotable';

dowloadPDF() {
    let doc = new jsPDF('p', 'pt');
    let columns = [
        {title: "ID", dataKey: "id"},
        {title: "Name", dataKey: "name"},
        {title: "Country", dataKey: "country"},
    ];
    let rows = [
        {"id": 1, "name": "Shaw", "country": "Tanzania"},
        {"id": 2, "name": "Nelson", "country": "Kazakhstan"},
        {"id": 3, "name": "Garcia", "country": "Madagascar"},
    ];
           // Error ========================
    doc.autoTable(columns, rows);
    doc.save('teste.pdf');
}

It's working for me in vue.js

[cesargrano]

Hello.

I'm sorry it did not work as you showed it.

Look at the error

doc.autoTable is not a function

Typescript Error
Property 'autoTable' does not exist on type 'jsPDF'.

[mtAlves]

https://jsfiddle.net/fbf0wLe5/

Exclude line 2 (import js-autotable) Do you have the same error

[cesargrano]

I already did this, it even works, but it gives an error in the compilation of Typescript

[BhuvaneswariVajravel]

i have the same issue in angular 2
issue in plugin jspdf-autotable/src/main.ts
it shows lot of errors

[mubasharrasheed]

Did you add
"../node_modules/jspdf/dist/jspdf.min.js",
"../node_modules/jspdf-autotable/dist/jspdf.plugin.autotable.js"
to angular-cli.json ?? The same issue was for me and resolved instantly after adding these lines in scripts array of angular-cli.json file. Hope this helps for new comers too.

[jhonatan2760]

I solved this issue, first import the Jspdf import * as jsPDF from 'jspdf';
i'm used a codesmells tatic, copied the content of jspdf autotable and pasted inside
the jspdf.js, then works fine for me.

[simonbengtsson]

Try solution posted here if using angular #375

[alex2wong]

@simonbengtsson any plan to add type definition to @types/jspdf ?? then any project involving typescript could pass the type checking.

/// file:  node_modules\@types\jspdf\index.d.ts

// jsPDF plugin: AutoTable
autoTable(options:any):jsPDF;

OR, there's a workround, add // @ts-ignore before jsPDF.autoTable

// @ts-ignore
doc.autoTable()

[pabloubal]

This was the solution for me (Angular 2): https://stackoverflow.com/a/54332585/12410011

[gaurav5harma]

In my case //@ts-ignore worked

exportPdf() {
this.exportColumns = this.selectedCols.map(col => ({title: col.header, dataKey: col.field}));
import("jspdf").then(jsPDF => {
import("jspdf-autotable").then(x => {
//@ts-ignore
const doc = new jsPDF.default('p','mm');
//@ts-ignore
doc.autoTable(this.exportColumns, this.exportData);
doc.save('tests.pdf');
})
})
}