PdfMake getBase64 undefined - React JS

Question

I created a function generated pdf that are using

   const pdfDocGenerator = pdfMake.createPdf(docDefinition);
    pdfDocGenerator.getBase64((pdfData) => {
      resolve({
        pdfData: `data:application/pdf;base64,${pdfData}`,
        onlyData: pdfData,
      });
    });

the code pdfDocGenerator.getBase64 saying its undefined but pdfDocGenerator is having a value.

my pdfDocGenerator console.

can someone help with this Im using new promise inside of generatepdf file and there's an index file that calling the generatedpdf

added information

what if I want created pdf and open with still not working blank

CODE REPRODUCE: https://stackblitz.com/edit/react-gw7c3h?file=src%2FApp.js

I just follow the docs pdfmake.github.io/docs/0.1/getting-started/client-side/methods — Mike Victoria
– Mike Victoria, Commented Oct 27, 2021 at 4:17
I am suspecting if there is something wrong with the docDefinition object - perhaps it doesnt contain data expected by createPdf? you can try pdfmake.org/playground.html# to test simple code first as given in this example pdfmake.github.io/docs/0.1/getting-started/client-side/methods/… (using a sample docDefinition) and then replace with ur docDefinition (also, can u paste the text/JSON string of your docDefinition rather than the image (cant copy from the image) — gawkface
– gawkface, Commented Oct 27, 2021 at 4:35
Hi @gawkface I edit the information, I can send all the json file since that's to long content, But i try your suggestion still having the problem, I try to open the created pdf without doin the base 64 still having the problem. — Mike Victoria
– Mike Victoria, Commented Oct 27, 2021 at 4:53
I try pdfmake.org/playground.html# using the content, my data is right. will try to create a gist.github.com — Mike Victoria
– Mike Victoria, Commented Oct 27, 2021 at 4:59

Mike Victoria · Accepted Answer · 2021-10-28 00:21:48Z

2

I solved the problem by checking the console.logs error in that way you can check what is the content problem in my case I just import the

import pdfFonts from "pdfmake/build/vfs_fonts";
pdfMake.vfs = pdfFonts.pdfMake.vfs;

answered Oct 28, 2021 at 0:21

Mike Victoria

2541 gold badge4 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gawkface Over a year ago

I kept seeing the Roboto fonts error too and that's why in my gist/playground you would see I included that too; but when you said you didnt see any console errors, I thought problem must have been something different. Anyway, its great that you finally solved it, you did well keeping at it for so long! You get to mark your own answer as the "Accepted solution"!

Mike Victoria Over a year ago

Thank you also @gawkface for getting solution done .. Cheers!

Collectives™ on Stack Overflow

PdfMake getBase64 undefined - React JS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related