How i can fix this error message with pdfjs-dist and angular?

Question

I install pdfjs-lib in project angular for convert PDF to canvas after I get this error message:

Error: ./node_modules/pdfjs-dist/build/pdf.js 2094:26
Module parse failed: Unexpected token (2094:26)
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.
|   async destroy() {
|     this.destroyed = true;
>     await this._transport?.destroy();
|     this._transport = null;
|

the goal is to convert the PDF page to canvas before rendering in HTML :

import * as pdfjslib from 'pdfjs-dist';
pdfjslib.getDocument(url).promise.then(async(pdf) => {
        pdf.getPage(1).then(async (page) => {
          let viewport = page.getViewport({ scale: 0.3 });
          let canvas =<HTMLCanvasElement> document.getElementById("card"+pageId);
          let context =<CanvasRenderingContext2D> canvas.getContext("2d");
          canvas.width = viewport.width;
          canvas.height = viewport.height;
          await page.render({
            canvasContext: context,
            viewport: viewport
          });
          resolve("ok");
        }).catch((err) => {
          reject("Erreur sur le pdf!!");
        });
      }).catch((err) => {
        reject("Erreur sur le pdf!!");
       });

Check github.com/mozilla/pdf.js/issues/13200

Vishnudev Krishnadas
– Vishnudev Krishnadas

2021-12-27 11:15:45 +00:00
Commented Dec 27, 2021 at 11:15 — Vishnudev Krishnadas
– Vishnudev Krishnadas, Commented Dec 27, 2021 at 11:15

canals_bib_bit · Accepted Answer · 2021-12-29 21:25:20Z

3

Your build configuration does not support option chaining.

You should try to use legacy folder, like this: import from legacy build folder

edited Dec 29, 2021 at 21:25

canals_bib_bit

1,2912 gold badges12 silver badges25 bronze badges

answered Dec 29, 2021 at 13:41

John Hashim

393 bronze badges

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

1 Comment

evanjmg Over a year ago

This should be avoided at all costs

Thuan Tran · Accepted Answer · 2023-12-20 07:11:23Z

0

I'm not sure if you still have this issue but downgrade to a lower version works for me, or because you are working with Angular, just use another library like ngx-extended-pdf-viewer, it provides a robust API and utils to work with PDF file.

answered Dec 20, 2023 at 7:11

Thuan Tran

3291 silver badge16 bronze badges

Collectives™ on Stack Overflow

How i can fix this error message with pdfjs-dist and angular?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related