angular 5- jspdf

angular 5- jspdf

nithi mano

getting the following error on the installation of jspdf in angular 5

pm ERR! path git

npm ERR! code ENOENT

npm ERR! errno ENOENT

npm ERR! syscall spawn git

npm ERR! enoent Error while executing:

npm ERR! enoent undefined ls-remote -h -t ssh://[email protected]/eligrey/FileSaver.js.git

npm ERR! enoent

npm ERR! enoent spawn git ENOENT

npm ERR! enoent This is related to npm not being able to find a file.

npm ERR! enoent

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Muthu Kumar7y ago
HI Nithi Mano,

Here is an example for jspdf.

Install following,

npm install jspdf --save
npm install @types/jspdf --save-dev
npm install jspdf-autotable --save

Add this lines in angular.json file,
"scripts": [
"../node_modules/jspdf/dist/jspdf.min.js",
"../node_modules/jspdf-autotable/dist/jspdf.plugin.autotable.js"
],
For Call component,
declare var jsPDF: any;


downloadPDF() {

        let columns = ["ID", "Name", "Country"];
        let rows = [
            [1, "Shaw", "Tanzania"],
            [2, "Nelson", "Kazakhstan"],
            [3, "Garcia", "Madagascar"],
        ];

        let doc = new jsPDF('l', 'pt');
        doc.autoTable(columns, rows); // typescript compile time error
        doc.save('table.pdf');
        }
    }
Reference:-

https://stackoverflow.com/questions/49445269/how-to-use-jspdf-and-jspdf-autotable-in-angular-5

I hope it's solve your problem.
Puneet Kankar7y ago
If any difficulty in jspdf package you can try given below code.
"Divprint" >
//youhtml
"button" (click)="print" />
print(): void {
let printContents, popupWin;
printContents = document.getElementById('Divprint').innerHTML;
popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');
popupWin.document.open();
popupWin.document.write(`
Open School Admission Receipt
"stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
"window.print();window.close()">
${printContents}
`
);
popupWin.document.close();
}

Hi.

Can you please try to re install by following this article,

https://www.npmjs.com/package/jspdf

http://www.coding4developers.com/tag/use-jspdf-with-angular-2/

Thanks.