SyntaxError: private fields are not currently supported

[AlinaMatuschak]

In Sentry, we encountered multiple "private fields are not currently supported" and "Unexpected token '{'" errors.

We are using [email protected] with the legacy PDF build.

Browsers affected by this issue include:

I am encountering errors in Sentry despite using try-catch. How can I prevent these errors and display a default result if the PDF fails to render?

[AlinaMatuschak]

My code:

import { getDocument } from 'pdfjs-dist/legacy/build/pdf.mjs';
import { GlobalWorkerOptions } from 'pdfjs-dist/legacy/build/pdf.mjs';

GlobalWorkerOptions.workerSrc = '/pdf.worker.min.mjs';

// on component
const pdfDocGenerator = pdfMake.createPdf(content);

pdfDocGenerator.getBlob(async (blob) => {
  const pdfUrl = URL.createObjectURL(blob);

  const pdfDocument = await getDocument(pdfUrl).promise;

  for (let pageNum = 1; pageNum <= numPages; pageNum++) {
    const page = await pdfDocument.getPage(pageNum);
    const canvas = canvasRefs.current[pageNum - 1];

    if (canvas) {
      const context = canvas.getContext('2d');
      if (context) {
        context.clearRect(0, 0, canvas.width, canvas.height);
        const viewport = page.getViewport({ scale: 2.5 });
        canvas.height = viewport.height;
        canvas.width = viewport.width;

        await page.render({ canvasContext: context, viewport }).promise;
      }
    }
  }

  URL.revokeObjectURL(pdfUrl);
});

[nicolo-ribaudo]

Those browsers seem to be too old even for the legacy build: https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-Questions#legacy-build

You can try transpiling PDF.js's code with Babel, but you might also then have to manually load some polyfills.

[AlinaMatuschak]

But, also, I have the error: Setting up fake worker failed: "Importing a module script failed.".
And there are Safari 16.6, it should be supported there.