on dev its showing fake worker

[pankajsparihar]

Before you start - checklist

• I followed instructions in documentation written for my React-PDF version
• I have checked if this bug is not already reported
• I have checked if an issue is not listed in Known issues
• If I have a problem with PDF rendering, I checked if my PDF renders properly in PDF.js demo

Description

console error
installHook.js:1 Warning: Setting up fake worker.

overrideMethod
@
installHook.js:1

F
@
pdfjs-dist-3cGUoCSg.js:1

#u
@
pdfjs-dist-3cGUoCSg.js:2

i
@
pdfjs-dist-3cGUoCSg.js:2

e.addEventListener.signal
@
pdfjs-dist-3cGUoCSg.js:2

in main.tsx file

pdfjs.GlobalWorkerOptions.workerSrc = new URL(
'pdfjs-dist/build/pdf.worker.min.mjs',
import.meta.url,
).toString();

Steps to reproduce

we are using react-pdf with .tsx file , in local environment its working fine, but after deployment its showing fake worker console warning and not loading the pdf

Expected behavior

its should load pdf

Actual behavior

not loading

Additional information

No response

Environment

• Browser (if applicable):
• React-PDF version: 10.2.0
• React version:18.3.3
• Bundler name and version (if applicable):vite

[y-fly]

Try the lower version

[haruki-ui-999]

Hi @pankajsparihar , i am facing the exact same issue, have you found any solution yet ?

[jynxioxiao-lb]

Post your vite.config.ts.

A clue:

In dev, Vite (via Babel) processes pdfjs-dist.worker.mjs and injects core-js (CJS). Workers don’t support CJS, which causes the Setting up fake worker. error.

[prnoob]

It looks like the current version of reactjs have dependency conflict with worker.js,

• pdfjs-dist 5.4.624

• pdfjs-dist 5.4.296 (5.4.624 is available)
  go back to 5.4.295, and put this in where you using Document, Page from react-pdf:
  pdfjs.GlobalWorkerOptions.workerSrc = new URL(
  'pdfjs-dist/build/pdf.worker.min.mjs',
  import.meta.url,
  ).toString();
  may be also put below inside your vite.config.ts(export default defineConfig({
  optimizeDeps: {
  exclude: ['pdfjs-dist']
  },
  )
  it should work

[jynxio]

It looks like the current version of reactjs have dependency conflict with worker.js,

• pdfjs-dist 5.4.624

• pdfjs-dist 5.4.296 (5.4.624 is available)
  go back to 5.4.295, and put this in where you using Document, Page from react-pdf:
  pdfjs.GlobalWorkerOptions.workerSrc = new URL(
  'pdfjs-dist/build/pdf.worker.min.mjs',
  import.meta.url,
  ).toString();
  may be also put below inside your vite.config.ts(export default defineConfig({
  optimizeDeps: {
  exclude: ['pdfjs-dist']
  },
  )
  it should work

If pdfjs-dist was truly mismatched, react-pdf would usually throw a clear version error.

Plus, optimizeDeps: { exclude: ['pdfjs-dist'] } should help.

[prnoob]

It looks like the current version of reactjs have dependency conflict with worker.js,

• pdfjs-dist 5.4.624
• pdfjs-dist 5.4.296 (5.4.624 is available)
  go back to 5.4.295, and put this in where you using Document, Page from react-pdf:
  pdfjs.GlobalWorkerOptions.workerSrc = new URL(
  'pdfjs-dist/build/pdf.worker.min.mjs',
  import.meta.url,
  ).toString();
  may be also put below inside your vite.config.ts(export default defineConfig({
  optimizeDeps: {
  exclude: ['pdfjs-dist']
  },
  )
  it should work

If pdfjs-dist was truly mismatched, react-pdf would usually throw a clear version error.

Plus, optimizeDeps: { exclude: ['pdfjs-dist'] } should help.

I find the below error show in browser console:
pdfReader.tsx:30

Warning: UnknownErrorException: The API version "5.4.296" does not match the Worker version "5.4.624".

<ForwardRef(Document2)>PdfReader@pdfReader.tsx:30Reader@reader.tsx:493ReaderPage@App.tsx:118App@App.tsx:223(anonymous)@main.tsx:8

[jynxio]

It looks like the current version of reactjs have dependency conflict with worker.js,

• pdfjs-dist 5.4.624
• pdfjs-dist 5.4.296 (5.4.624 is available)
  go back to 5.4.295, and put this in where you using Document, Page from react-pdf:
  pdfjs.GlobalWorkerOptions.workerSrc = new URL(
  'pdfjs-dist/build/pdf.worker.min.mjs',
  import.meta.url,
  ).toString();
  may be also put below inside your vite.config.ts(export default defineConfig({
  optimizeDeps: {
  exclude: ['pdfjs-dist']
  },
  )
  it should work

If pdfjs-dist was truly mismatched, react-pdf would usually throw a clear version error.
Plus, optimizeDeps: { exclude: ['pdfjs-dist'] } should help.

I find the below error show in browser console: pdfReader.tsx:30

Warning: UnknownErrorException: The API version "5.4.296" does not match the Worker version "5.4.624".

<ForwardRef(Document2)>PdfReader@pdfReader.tsx:30Reader@reader.tsx:493ReaderPage@App.tsx:118App@App.tsx:223(anonymous)@main.tsx:8

This is the “clear version error” I mentioned.

Are we still looking into the host issue, or did you run into something else?