Uncaught ReferenceError: PDFDocument is not defined

So, thanks a lot for your lib.

I’m running into a weird issue.

No matter how I load pdfKit and blob-stream, I always end up with the same error.

If I do var doc = new PDFDocument();, I always have the same message :

Uncaught ReferenceError: PDFDocument is not defined

I tried to load the files directly in the browser, using sprokets ( may be the error ? )

---

With sprokets :

//= require pdfKit.js
//= require blob-stream.js

var doc = new PDFDocument();
var stream = doc.pipe(blobStream());

Result: error

---

By loading the files in the same order in script tags :

  <script src='pdfKit.js'></script>
  <script src='blob-stream.js'></script>
  <script src='all.js'></script>

And then in all.js :

var doc = new PDFDocument();
var stream = doc.pipe(blobStream());

Result: error

#help ?

[julianklumpers]

For people using webpack, you must bind PDFDocument and blobStream to the window object.

example:

import PDFDocument from 'pdfkit';
import blobStream from 'blob-stream';

...

window.PDFDocument = PDFDocument
window.blobStream = blobStream

Then in your html file

<script src="main.bundle.js"></script>
<script type="text/javascript" src="yourfile.js">
    const doc = new PDFDocument();
    ...
</script>

[gponnath]

Update: this is actually working for me after moving the scripts to the head rather than the footer.