[Bug]: ERROR in ./node_modules/pdfjs-dist/build/pdf.mjs 402:14 Loader files .mjs

[GuiSandoval]

Attach (recommended) or Link to PDF file

In the new version of pdfjs-dist (4.4.168), the project is not running in React.
Previously, I used version 3.6.172, and it worked, but I need the updated library.

Web browser and its version

React 16.9.0 / node v12.18.4 / webpack 4.41.2 / babel-loader 8.1.0

Operating system and its version

linux/windows

PDF.js version

4.4.168

Is the bug present in the latest PDF.js version?

Yes

Is a browser extension

No

Steps to reproduce the problem

1 - install pdfjs-dist
2 - execute command
webpack-dev-server --watch --port 4000 --progress --colors --open --mode development

What is the expected behavior?

project running

What went wrong?

ERROR in ./node_modules/pdfjs-dist/build/pdf.mjs 402:14
Module parse failed: Unexpected token (402:14)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| }
| function _isValidProtocol(url) {
>   switch (url?.protocol) {
|     case "http:":
|     case "https:":
 @ ./node_modules/react-pdf/dist/esm/index.js 1:0-36 12:0-25 13:0-128
 @ ./src/main/components/shared/pdfViewer/pdfViewer.tsx
 @ ./src/main/components/layouts/layoutMain.tsx
 @ ./src/main/routes/privateRoute.tsx
 @ ./src/main/routes/index.ts
 @ ./src/main/components/routes/routes.tsx
 @ ./src/main/app.tsx
 @ ./src/index.tsx

Link to a viewer

No response

Additional context

The solution that almost worked was adding the Babel loader for .mjs files. The project runs, but when accessing the site in the browser, the following error appears:

[yanglan-0726]

Is there any solution to this?

[GuiSandoval]

I managed to solve the problem by updating my webpack version to 5.93.0.
This way, it worked for me.

[mayconghizoni]

Any other solution for this problem? It is not feasible to update the webpack version here

[leon-epam]

I also have the error " Cannot read properties of undefined (reading 'd')", and my webpack version is webpack 4 too,it's a big problem😭.

[tovafrishman]

maybe its because node version , try to upgrade to >16