Module parse error in 'pdfjs-dist' module in angular

Question

Following error is obtained when trying to build project using 'pdfjs-dist' npm module in Angular

Module parse failed: Unexpected token (2413:45)
File was processed with these loaders:
 * ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js
 * ./node_modules/@ngtools/webpack/src/ivy/index.js
You may need an additional loader to handle the result of these loaders.
|         intent: renderingIntent,
|         renderInteractiveForms: renderInteractiveForms === true,
>         annotationStorage: annotationStorage?.getAll() || null
|       });
|     }

How to resolve this? Any workarounds or suggestions would help a lot!

Rakshitha Vasishta · Accepted Answer · 2021-05-25 06:50:58Z

1

This error can be fixed by downgrading the version of 'pdfjs-dist' module version from 2.7.570 to a lower stable version say 2.5.207.

Another fix could be upgrading the version of webpack from 4.x to 5.x, but this is not a recommended solution as this can create issues with the other dependent modules of the project.

answered May 25, 2021 at 6:50

Rakshitha Vasishta

892 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

arrmani88 · Accepted Answer · 2024-12-22 10:35:32Z

0

As mentionned in this Github issue, one of the solutions might be adding this change to your package.json:

// changing 
"pdfjs-dist": "^2.6.347",
// to
"pdfjs-dist": "2.6.347",

answered Dec 22, 2024 at 10:35

arrmani88

1,1321 gold badge16 silver badges37 bronze badges

Comments

Rakesh Somanaboina · Accepted Answer · 2021-09-29 07:29:17Z

-1

I had encountered the same error. This worked for me, might work for you

-----------use these lines---------

"fileReplacements": [
       {
                "replace": "./node_modules/jspdf/dist/jspdf.es.min.js",
                "with": "./node_modules/jspdf/dist/jspdf.umd.min.js"
              }
],

In angular.json file,

"build": {
    "builder": "@angular-devkit/build-angular:browser",
    "options": {
place the above code here....
........
}

answered Sep 29, 2021 at 7:29

Rakesh Somanaboina

151 bronze badge

1 Comment

Michel Over a year ago

The package you are mentioning, jspdf, is something different than pdfjs. Those files aren't present in pdfjs-dist.

Collectives™ on Stack Overflow

Module parse error in 'pdfjs-dist' module in angular

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related