TypeError: Cannot set property 'workerSrc' of undefined

[niteshshah04]

Before you start - checklist

• I have read documentation in README
• I have checked sample and test suites to see real life basic implementation
• I have checked if this question is not already asked

What are you trying to achieve? Please describe.

Describe what are you trying to achieve Ex. I'd like to display multiple pages of my PDF.

Describe solutions you've tried

Describe solutions you've already tried, if any. Make sure to include code samples if you're stuck on implementation.

Additional information

If applicable, add screenshots (preferably with browser console open) and files you have an issue with to help explain your problem.

Environment

• Browser (if applicable) [e.g. Chrome 57, Firefox 59]:
• React-PDF version [e.g. 3.0.4]:
• React version [e.g. 16.3.0]:
• Webpack version (if applicable) [e.g. 4.16.2]:

[niteshshah04]

[moffsugita]

It is ugly solution but I resolved like below.

import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
import { Document, Page, pdfjs } from 'react-pdf'
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`

[moffsugita]

npm install --save-dev pdfjs-dist

and

pdfjs.GlobalWorkerOptions.workerSrc = 'node_modules/pdfjs-dist/build/pdf.worker.js';

or
mozilla/pdf.js#8305

[niteshshah04]

Thank You So Much for solution. Its working now.

[wojtekmaj]

Can't help you since you completely ignored the form I created to help you describe the issue.

Also resolved in #291

[jp3492]

I was having the same issues and following the suggestions in this issue im receiving a: InvalidPDFException {name: "InvalidPDFException", message: "Invalid PDF structure"} - error now.
If i use a url im getting a Cors issue.
Any suggestions? Im really struggeling to get this work in my React app (CRA, TypeScript)

[wojtekmaj]

@jp3492, this issue was exclusive to React-PDF 3.x. Try 4.x.

[charkhaniakash]

// It will work Now use this

import { pdfjs } from 'react-pdf';

pdfjs.GlobalWorkerOptions.workerSrc = //unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.js;