All geek questions in one place

How to use pdfmake in ionic 2?

I am trying to create pdf in ionic2 using pdfmake.

I added the library to my application:

$ npm install pdfmake --save

Import it to class

 import { Component } from '@angular/core'; import { NavController, NavParams, LoadingController, ToastController, AlertController } from 'ionic-angular'; import * as pdfmake from 'pdfmake'

But, when I try to instantiate and use the method, the displayed error on the device:

 var dd = { content: [ 'First paragraph', 'Another paragraph, this time a little bit longer to make sure, this line will be divided into at least two lines' ], pageSize: 'A4', pageMargins: [25, 25, 25, 25], }; // download the PDF var pdf = new pdfmake(); pdf.createPdf( dd ).download();

Runtime Error:

 fs.readFileSync is not a function

How can I use pdfmake in ionic 2? Is it possible,

enter image description here

+5
source share
1 answer

So ... again ... After many days, I finally got pdfmake to work on my project with the help of the pdfmake community.

I cloned the compiled version to www folder

 $ cd project/www/ $ git clone https://github.com/bpampuch/pdfmake.git

Then I added scripts to the index.

 <body> <!-- Ionic root component and where the app will load --> <ion-app></ion-app> <!-- The polyfills js is generated during the build process --> <script src="build/polyfills.js"></script> <!-- The bundle js is generated during the build process --> <script src="build/main.js"></script> <script src='pdfmake/build/pdfmake.min.js'></script> <script src='pdfmake/build/vfs_fonts.js'></script> </body> </html>

and replace the import with ...

 import * as pdfmake from 'pdfmake/build/pdfmake';

Pdfmake Community Response

Github with design test

+1
source

Source: https://habr.com/ru/post/1264039/

More articles:


All Articles