react 应用程序中 pdfjs-dist 的附加加载程序？

问题描述

我的 React 应用程序中有 pdfjs-dist 依赖项，但它不起作用 - 我不确定我更改了什么导致了这种情况。我正在运行 node v14.16.1、npm v7.9.0、react 17.0.2、react-scripts 4.0.3 和 pdfjs-dist 2.7.570。我在运行 npm start 时收到以下错误消息：

Failed to compile.

./node_modules/pdfjs-dist/build/pdf.js 2407:53
Module parse Failed: Unexpected token (2407:53)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|                 intent: renderingIntent,|                 renderInteractiveForms: renderInteractiveForms === true,>                 annotationStorage: annotationStorage?.getAll() || null
|               });
|             }

我已尝试卸载并重新安装相关软件包以及 npm update、npm audit 等。我还尝试添加 worker-loader npm 包，但它已经是对 pdfjs-dist 的对等依赖，因此没有任何区别。我在这个项目上的合作伙伴有相同的回购，他没有问题，所以我确定这是我的问题。我相信这与对可选链接的支持有关，但不确定如何进行。 谢谢！

解决方法

我只是偶然发现了同样的问题。我所做的是将 pdfjs-dist 恢复到早期版本（在我的例子中是 2.9.359 恢复到 2.6.347）。现在一切正常，希望对某人有所帮助。

可以在另一个 question 中找到类似案例的可能解释。

,

很可能你的 webpack 版本不正确。尝试使用 es5 构建 https://github.com/mozilla/pdf.js/issues/12905