No "GlobalWorkerOptions.workerSrc" specified. #10478

qinyuhua · 2019-01-21T12:36:24Z

if (!fallbackWorkerSrc && typeof document !== 'undefined') {
var pdfjsFilePath = document.currentScript && document.currentScript.src;
if (pdfjsFilePath) {
fallbackWorkerSrc = pdfjsFilePath.replace(/(.(?:min.)?js)(?.*)?$/i, '.worker$1$2');
}
}
Sometimes “document.currentScript” === null, pdfjsFilePath === null,

Snuffleupagus · 2019-01-21T12:44:50Z

You should always specify the workerSrc explicitly, i.e. by setting pdfjsLib.GlobalWorkerOptions.workerSrc before calling pdfjsLib.getDocument, since the fallback is only a best effort solution which is not guaranteed to work correctly in every situation.

luistak · 2019-08-06T13:39:33Z

You should try this:

  const pdfjs = await import('pdfjs-dist/build/pdf');
  const pdfjsWorker = await import('pdfjs-dist/build/pdf.worker.entry');

  pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker;

  ...

ym78900 · 2020-10-02T04:59:28Z

You should try this:

  const pdfjs = await import('pdfjs-dist/build/pdf');
  const pdfjsWorker = await import('pdfjs-dist/build/pdf.worker.entry');

  pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker;

  ...

I have had difficulty using the idea you gave in react
the problem is it doesnt work when the component is mounted
when I use the official script everything is fine but it doesnt work with pdfjs-dist

const pdfjsLib = window['pdfjs-dist/build/pdf
pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';

any idea for that? I would prefer not to use the script

luistak · 2020-10-02T11:58:07Z

Sincerely I would use a react abstraction over pdf's since pdf.js officially doesn't support react :(

joseDaKing · 2021-04-21T22:17:47Z

Please help, I still get this error when I use the library with svelte-kit

ym78900 · 2021-04-22T08:55:13Z

Please help, I still get this error when I use the library with svelte-kit

What I did was, to append the script at the very beginning when my component is mounted.
I guess for your case you need to use the script along side with the other ones you're using.

https://mozilla.github.io/pdf.js/build/pdf.js

when you use this, the GlobalWorkerOptions would become available.

I hope it helps, although I used it in React.

joseDaKing · 2021-04-22T09:02:42Z

Thanks for the information, so I cannot just import it like a regular package?

ym78900 · 2021-04-22T09:05:49Z

Thanks for the information, so I cannot just import it like a regular package?

no unfortunately, I tried it that way, it didnt work

joseDaKing · 2021-04-22T09:12:18Z

okey I think I know how to fixed it know

sidd98 · 2021-05-20T05:52:08Z

I have been stuck with this problem using ver 2.4.456 of pdfjs-dist, checked the library webpack file at root
So done this to fix in React component -
import PdfjsWorker from "pdfjs-dist/build/pdf.worker.js";
import PDFJS, { getDocument } from "pdfjs-dist";
PDFJS.workerSrc = "pdfjs-dist/build/pdf.worker.js";
PDFJS.GlobalWorkerOptions.workerSrc = "pdfjs-dist/build/pdf.worker.js";
PDFJS.GlobalWorkerOptions.workerPort = new PdfjsWorker();

iamrmin · 2022-01-03T12:15:50Z

has anyone faced error FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory when using

import { pdfjs } from 'react-pdf'
import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry'

pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker

react-scripts build and react-scripts start just crashes when error mentioned above. most importantly it only occur when i enable source map.

kvengl · 2022-01-27T14:04:20Z

has anyone faced error FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory when using
import { pdfjs } from 'react-pdf'
import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry'

pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker
react-scripts build and react-scripts start just crashes when error mentioned above. most importantly it only occur when i enable source map.

I fixed it as follows:

npm run eject
open {project name folder}/config/webpack.config.js
Added the exception /node_modules\/pdfjs-dist/ here:

module: {
      strictExportPresence: true,
      rules: [
        // Handle node_modules packages that contain sourcemaps
        shouldUseSourceMap && {
          enforce: 'pre',
          exclude: [/@babel(?:\/|\\{1,2})runtime/, /node_modules\/pdfjs-dist/],
          test: /\.(js|mjs|jsx|ts|tsx|css)$/,
          loader: require.resolve('source-map-loader'),
        },
...

iamrmin · 2022-01-27T14:25:43Z

@kvengl npm run eject is dangerous imo. it removes the react-script wrapper and now you are on your own if something goes wrong. e.g. dependency conflicts. react-scripts is maintain by a big community and you can trust new versions. I've always run into the issues when dealing directly with webpack.

I have fixed it with simple solution. you can check #8305

ArslanAmeer · 2023-02-07T12:49:02Z

People coming for ANGULAR fix:

In imports:

import * as PDFJS from 'pdfjs-dist';
// @ts-ignore
import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry'
PDFJS.GlobalWorkerOptions.workerSrc = pdfjsWorker;

and at the loading pdf end:

  private async loadPDF() {
    const pdf = await PDFJS.getDocument(this.document.file).promise;
    const page = await pdf.getPage(1);
    const viewport = page.getViewport({ scale: 1 });
    this.canvas.nativeElement.width = viewport.width;
    this.canvas.nativeElement.height = viewport.height;
    this.context = this.canvas.nativeElement.getContext('2d')!;
    const renderContext = {
      canvasContext: this.context,
      viewport: viewport
    };
    await page.render(renderContext).promise;
    this.isLoading = false;
  }

This will resolve your issue right away, but now you may face Warning: Setting up fake worker. console warning.

to resolve this update your imports for PDFjs to just:

import * as PDFJS from 'pdfjs-dist';
PDFJS.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${PDFJS.version}/pdf.worker.js`;

Angular: v15.1.0
pdfjs-dist: v3.3.122

z0d14c · 2023-05-24T08:47:33Z

For me, what seemed to work was this:

import "pdfjs-dist/build/pdf.worker.entry";

It appears that this code will attach the pdfJsworker to the window object that I presume is what gets fallen back on when you run getDocument. No shade, but I'm very curious about the design decision or technical constraint behind needing to do this.

trandaison · 2023-07-07T06:41:10Z

@z0d14c was right. Take a look file pdfjs-dist/build/pdf.worker.entry.js

(typeof window !== "undefined"
  ? window
  : {}
).pdfjsWorker = require("./pdf.worker.js");

the worker already assigned to window.pdfjsWorker. You only need an import statement, no need any assign statement.

import 'pdfjs-dist/build/pdf.worker.entry';

break69 · 2023-08-02T14:37:45Z

Everything went back to normal by doing it this way for me.
Thanks to luistak who helped me a lot

import * as pdfjsLib from "pdfjs-dist";
// Import the worker correctly to avoid the message "Warning: Setting up fake worker"
import pdfjsWorker from "pdfjs-dist/build/pdf.worker.entry"; 

pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker;

the "Warning: Setting up fake worker" message came back, but I'll leave the idea in case it helps.

charkhaniakash · 2023-08-02T18:29:21Z

// 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;

dr1602 · 2023-08-17T17:32:40Z

For me, what seemed to work was this:

import "pdfjs-dist/build/pdf.worker.entry";

It appears that this code will attach the pdfJsworker to the window object that I presume is what gets fallen back on when you run getDocument. No shade, but I'm very curious about the design decision or technical constraint behind needing to do this.

Amazing, it worked for me on a ReactJS & TypeScript project!

daveleee · 2023-08-17T21:20:17Z

It's specified in the document.
https://github.com/wojtekmaj/react-pdf#configure-pdfjs-worker

juansebastianl · 2023-11-16T20:19:34Z

I came across this issue while trying to use pdfJS in a svelte project and I had to do something slightly different:

import * as pdfjsLib from 'pdfjs-dist/build/pdf';

// this import is needed in to configure a default worker for pdfjs
import * as pdfjsWorker from "pdfjs-dist/build/pdf.worker.mjs"; 
pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker;

Which got past the initial error but still gets the setting up fake worker warning, however it actual functionality seems to be working fine.

Rajat16nov · 2023-11-29T13:40:48Z

I came across this issue while trying to use pdfJS in a svelte project and I had to do something slightly different:
import * as pdfjsLib from 'pdfjs-dist/build/pdf';

// this import is needed in to configure a default worker for pdfjs
import * as pdfjsWorker from "pdfjs-dist/build/pdf.worker.mjs"; 
pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker;
Which got past the initial error but still gets the setting up fake worker warning, however it actual functionality seems to be working fine.

Thanks a lot! This is the only solution that worked for me on React.

JHarrisGTI · 2023-12-22T21:31:04Z

For me, what seemed to work was this:

import "pdfjs-dist/build/pdf.worker.entry";

This got my Angular app working.

When I upgraded to Angular v17 and pdf.js v4, I had to change it to:

import "pdfjs-dist/build/pdf.worker.mjs";

cosimopolito · 2024-01-11T12:26:41Z

Has anyone figured out this error with pdf dist and angular 17
./node_modules/pdfjs-dist/build/pdf.mjs - Error: Module parse failed: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it)
File was processed with these loaders:

Soviut · 2024-01-16T03:26:57Z

The solution from react-pdf the docs works and gets rid of the setting up fake worker warning.

import * as pdfjs from 'pdfjs-dist'

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

However, I could see this encountering build issues unless you include the minified file in your build pipeline.

qstiegler · 2024-01-18T09:25:58Z

Found a solution with Angular wich also resolves the setting up fake worker warning:

add following to the assets area in the angular.json:

{
    "glob": "pdf.worker.min.mjs",
    "input": "./node_modules/pdfjs-dist/build",
    "output": "./assets"
}

Then somewhere globally in your code (I do it in app.module.ts), add the following lines:

import * as pdfjsDist from 'pdfjs-dist';

pdfjsDist.GlobalWorkerOptions.workerSrc = 'assets/pdf.worker.min.mjs';

Now the worker runs smoothly and no warning appears without using a CDN 🎉

Shanwer · 2024-02-22T15:08:00Z

Found a solution with Angular wich also resolves the setting up fake worker warning:

add following to the assets area in the angular.json:
{
    "glob": "pdf.worker.min.mjs",
    "input": "./node_modules/pdfjs-dist/build",
    "output": "./assets"
}
Then somewhere globally in your code (I do it in app.module.ts), add the following lines:
import * as pdfjsDist from 'pdfjs-dist';

pdfjsDist.GlobalWorkerOptions.workerSrc = 'assets/pdf.worker.min.mjs';
Now the worker runs smoothly and no warning appears without using a CDN 🎉

This works on yarn, thank you!

yulluone · 2024-06-10T11:21:23Z

For me, what seemed to work was this:

import "pdfjs-dist/build/pdf.worker.entry";

It appears that this code will attach the pdfJsworker to the window object that I presume is what gets fallen back on when you run getDocument. No shade, but I'm very curious about the design decision or technical constraint behind needing to do this.

Thankyou @z0d14c, this worked for me. It does attach pdfJsWorker to the window. I'm also very interested in why this works.

For Those coming from Nuxt or looking to extract text from a pdf, here is my utility function for that

import "pdfjs-dist/build/pdf.worker.mjs";

// Function to extract text from a PDF file
export async function extractTextFromPDF(file: File): Promise<string[]> {
  // dynamic import to avoid ssr issues
  const { getDocument } = await import("pdfjs-dist");

  // Read the file as an array buffer
  const arrayBuffer = await file.arrayBuffer();

  // Load the PDF document
  const pdfDocument = await getDocument({ data: arrayBuffer }).promise;

  const pagesText: string[] = [];

  // Loop through each page
  for (let i = 0; i < pdfDocument.numPages; i++) {
    const page = await pdfDocument.getPage(i + 1); // Pages are 1-based in pdfjs

    // Get the text content of the page
    const textContent = await page.getTextContent();

    // Extract and join the text items into a single string
    const pageText = textContent.items
      .map((item) => (item as any).str)
      .join(" ");

    pagesText.push(pageText);
  }

  return pagesText;
}

alvaroman23 · 2024-06-13T20:31:12Z

Anyone Knows how to fix this with Vue3? Please I've been stuck on this for 1 week!
It's so rare It works for me on my localhost, but when I deploy it into Amplify and use it throught the domain url got this error back

index-DGRtMnYU.js:202 Error loading PDF: Error: Setting up fake worker failed: "Failed to fetch dynamically imported module: https://test/node_modules/pdfjs-dist/build/pdf.worker.mjs".
    at index-DGRtMnYU.js:192:171740

Soviut · 2024-06-13T21:04:18Z

@alvaroman23 It's telling you what the problem is. It's trying to import a module from https://test/ which doesn't exist.

Have a look at this thread. vitejs/vite#11804

In one case it turned out to be an ad blocker that was preventing an import. However, in your case it looks like it's assuming that your path the node module is a URL.

Also, look further up in this thread, because I posted a solution that I was using with Vue 3 + Vite.

lakshminarayanan002 · 2024-06-21T15:45:30Z

Anyone Knows how to fix this with Vue3? Please I've been stuck on this for 1 week! It's so rare It works for me on my localhost, but when I deploy it into Amplify and use it throught the domain url got this error back
index-DGRtMnYU.js:202 Error loading PDF: Error: Setting up fake worker failed: "Failed to fetch dynamically imported module: https://test/node_modules/pdfjs-dist/build/pdf.worker.mjs".
    at index-DGRtMnYU.js:192:171740

Same error here and searching for fix.

ngocxxu · 2024-06-29T10:04:58Z

import "pdfjs-dist/build/pdf.worker.mjs";

So thank you, I apply this import in my reactjs project and it's successful :D

unrevised6419 · 2024-07-22T10:51:04Z

At the writing of this, I think the right solution for integrating pdfjs-dist with Vite, is this one:

"vite": "^5.3.4",
"pdfjs-dist": "^4.4.168",

import workerSrc from 'pdfjs-dist/build/pdf.worker?worker&url'
import * as pdfjs from 'pdfjs-dist'

pdfjs.GlobalWorkerOptions.workerSrc = workerSrc

pdfjs.getDocument('/bitcoin.pdf').promise.then((pdf) => {
	console.log(pdf);
})

https://vitejs.dev/guide/assets.html#importing-script-as-a-worker

Webpack should be able to also do something like this https://webpack.js.org/guides/web-workers/

johannesmutter · 2024-10-26T23:40:53Z

For Vite + Sveltekit

import * as pdfjs from 'pdfjs-dist/build/pdf'
import 'pdfjs-dist/build/pdf.worker.entry'

if (typeof window !== 'undefined' && 'Worker' in window) {
  pdfjs.GlobalWorkerOptions.workerSrc = new URL(
    'pdfjs-dist/build/pdf.worker.min.js',
    import.meta.url
  ).toString()
}

PhilJovanovic · 2024-11-08T14:15:56Z

For plain JS, I had to use the following code:

import * as pdfjsworker from "pdfjs-dist/build/pdf.worker.mjs"
import * as pdfjs from "pdfjs-dist/build/pdf.min.mjs"

pdfjs.workerSrc = pdfjsworker;
let loadingTasks = pdfjs.getDocument(fileUrl);
let fileCheckPromise = await loadingTasks.promise;

This gave me an Invalid 'workerSrc' type error:

pdfjs.GlobalWorkerOptions.workerSrc = workerSrc

https://stackoverflow.com/a/26291032

bramro · 2025-01-08T13:14:24Z

For React, I used the workerPort:

"react": "^18.3.1",
"pdfjs-dist": "^4.10.38",
"vite": "^6.0.5"

import * as pdfjsLib from 'pdfjs-dist';
import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.mjs?worker';
pdfjsLib.GlobalWorkerOptions.workerPort = new pdfjsWorker();

export const extractTextFromPDF = async (file: File): Promise<string> => {
  try {
    const fileArrayBuffer = await file.arrayBuffer();
    const pdf = await pdfjsLib.getDocument(fileArrayBuffer).promise;
    ...

timvandermeij closed this as completed Jan 21, 2019

aplum mentioned this issue Jun 5, 2020

Release 2.0.0 broken - can't resolve 'worker-loader' in '/opt/conda/share/jupyter/lab/staging/node_modules/pdfjs-dist' jupyterlab/jupyterlab-latex#135

Closed

This was referenced Jul 13, 2023

Set pdf worker using GlobalWokerOptions.workerSrc in pdf.js opengovsg/pdf2md#65

Merged

Error: Setting up fake worker failed: "No "GlobalWorkerOptions.workerSrc" specified."." opengovsg/pdf2md#64

Closed

Makaronelle mentioned this issue Jul 19, 2023

feature: Add potree 2.0 parser iTowns/itowns#2137

Merged

DennisKo mentioned this issue Oct 23, 2023

WebPDFLoader: allow usage of custom pdfjs build langchain-ai/langchainjs#3010

Merged

tovacinni mentioned this issue Jan 9, 2025

No "GlobalWorkerOptions.workerSrc" specified. unriddle-ai/lector#17

Open

No "GlobalWorkerOptions.workerSrc" specified. #10478

No "GlobalWorkerOptions.workerSrc" specified. #10478

Comments

qinyuhua commented Jan 21, 2019

Snuffleupagus commented Jan 21, 2019

luistak commented Aug 6, 2019 • edited Loading

ym78900 commented Oct 2, 2020

luistak commented Oct 2, 2020

joseDaKing commented Apr 21, 2021

ym78900 commented Apr 22, 2021

joseDaKing commented Apr 22, 2021

ym78900 commented Apr 22, 2021

joseDaKing commented Apr 22, 2021

sidd98 commented May 20, 2021 • edited Loading

iamrmin commented Jan 3, 2022 • edited Loading

kvengl commented Jan 27, 2022

iamrmin commented Jan 27, 2022

ArslanAmeer commented Feb 7, 2023 • edited Loading

z0d14c commented May 24, 2023

trandaison commented Jul 7, 2023

break69 commented Aug 2, 2023 • edited Loading

charkhaniakash commented Aug 2, 2023

dr1602 commented Aug 17, 2023

daveleee commented Aug 17, 2023

juansebastianl commented Nov 16, 2023

Rajat16nov commented Nov 29, 2023

JHarrisGTI commented Dec 22, 2023 • edited Loading

cosimopolito commented Jan 11, 2024

Soviut commented Jan 16, 2024 • edited Loading

qstiegler commented Jan 18, 2024 • edited Loading

Shanwer commented Feb 22, 2024

yulluone commented Jun 10, 2024

For Those coming from Nuxt or looking to extract text from a pdf, here is my utility function for that

alvaroman23 commented Jun 13, 2024

Soviut commented Jun 13, 2024

lakshminarayanan002 commented Jun 21, 2024

ngocxxu commented Jun 29, 2024

unrevised6419 commented Jul 22, 2024 • edited Loading

johannesmutter commented Oct 26, 2024

PhilJovanovic commented Nov 8, 2024

bramro commented Jan 8, 2025 • edited Loading

luistak commented Aug 6, 2019 •

edited

Loading

sidd98 commented May 20, 2021 •

edited

Loading

iamrmin commented Jan 3, 2022 •

edited

Loading

ArslanAmeer commented Feb 7, 2023 •

edited

Loading

break69 commented Aug 2, 2023 •

edited

Loading

JHarrisGTI commented Dec 22, 2023 •

edited

Loading

Soviut commented Jan 16, 2024 •

edited

Loading

qstiegler commented Jan 18, 2024 •

edited

Loading

unrevised6419 commented Jul 22, 2024 •

edited

Loading

bramro commented Jan 8, 2025 •

edited

Loading