pdfjs-dist failed to load its dependency - Module not found: Package path . is not exported from package /node_modules/pdfjs-dist/node_modules/path2d-polyfill

[hpardess]

Attach (recommended) or Link to PDF file here:

Here is the error message:

 ⨯ ./node_modules/pdfjs-dist/build/pdf.min.mjs:21:262714
Module not found: Package path . is not exported from package /project/node_modules/pdfjs-dist/node_modules/path2d-polyfill (see exports field in /project/node_modules/pdfjs-dist/node_modules/path2d-polyfill/package.json)

https://nextjs.org/docs/messages/module-not-found

Configuration:

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.2.0: Wed Nov 15 21:55:06 PST 2023
Binaries:
  Node: 20.9.0
  npm: 10.1.0
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 14.1.0
  eslint-config-next: 14.1.3
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.4.2
Next.js Config:
  output: N/A

Steps to reproduce the problem:
https://codesandbox.io/p/sandbox/pdf-viewer-v52xpl

pdfjs-dist failed to load its dependency while using in Nextjs.

vercel/next.js#63385

[lasseborly]

Using pdf.mjs instead of the pdfjs.min.mjs works for me.

Your issue then becomes Next.js being complicated and opinionated about how it loads something complicated like pdf.js.

I would suggest using the react-pdf abstraction instead, since they have specific Next.js guidance.
https://react-pdf.org/compatibility

[mmo80]

You can get it working with pdfjs-dist ^4.0.379 (pdf.js) and Next.js 14.1.4 with api route but same code as a Server Action throws error for some reason.

Check out the code here that showcases a api route and a server action