Module build failed for ngx-extended-pdf-viewer

[muhammedjasin]

I have upgraded my angular application from 14 to 18 getting this error on ngx-extended-pdf-viewer(23.3.1)-
./node_modules/ngx-extended-pdf-viewer/fesm2022/ngx-extended-pdf-viewer.mjs - Error: C:\project\node_modules\ngx-extended-pdf-viewer\fesm2022\ngx-extended-pdf-viewer.mjs: Cannot find module 'C:/project/node_modules/@babel/runtime/helpers/esm/regeneratorValues'
Require stack:

• C:\project\node_modules@angular-devkit\build-angular\node_modules@babel\plugin-transform-runtime\lib\get-runtime-path\index.js
• C:\project\node_modules@angular-devkit\build-angular\node_modules@babel\plugin-transform-runtime\lib\index.js
• C:\project\node_modules@angular-devkit\build-angular\src\tools\babel\presets\application.js
• C:\project\node_modules@angular-devkit\build-angular\src\tools\babel\webpack-loader.js
• C:\project\node_modules@angular-devkit\build-angular\node_modules\webpack\lib\ProgressPlugin.js
• C:\project\node_modules@angular-devkit\build-angular\node_modules\webpack\lib\index.js
• C:\project\node_modules@angular-devkit\build-angular\src\tools\webpack\configs\common.js
• C:\project\node_modules@angular-devkit\build-angular\src\tools\webpack\configs\index.js
• C:\project\node_modules@angular-devkit\build-angular\src\builders\browser\index.js
• C:\project\node_modules@angular-devkit\architect\node\node-modules-architect-host.js

[stephanrauh]

The root cause of the issue is that Angular migrated from common-js modules to ESM modules. ngx-extended-pdf-viewer is only accidentally reported. Have a look at your tsconfig.json and configure it to use a more modern module system:

{
  "compilerOptions": {
    "module": "commonjs",  // ← Problem
    "target": "es5"        // ← also problematic
  }
}

This configuration should work better:

// tsconfig.json
{
  "compilerOptions": {
    "module": "ES2022",
    "target": "ES2022",
    "moduleResolution": "bundler"
  }
}