React pdf 查看器 - 使用来自本地服务器的 worker

Question

我正在考虑使用我找到的 React pdf 查看器包 here。在文档中它说你应该像这样设置工作人员：

您可以使用来自流行服务的 pdf.worker.min.js 文件，例如 https://unpkg.com/pdfjs-dist@2.5.207/build/pdf.worker.min.js https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js 或下载并存储在您的服务器上。

这是使用来自外部服务的 worker 的示例：

<Worker workerUrl="https://unpkg.com/pdfjs-dist@2.5.207/build/pdf.worker.min.js">
    <!-- The viewer component will be put here -->
    ...
</Worker>

但是，如果我要使用这个包，我需要工作人员在本地，我不能使用外部 url。没有本地使用工人的例子。我如何在使用 create react app 创建的 react 应用程序中进行设置？

Answer 1

你可以使用 pdfjs-dist 来计算然后就可以在本地使用了。

 const pdfjs = await import('pdfjs-dist/build/pdf');
 const pdfjsWorker = await import('pdfjs-dist/build/pdf.worker.entry');

 pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker;

SOURCE

React pdf 查看器 - 使用来自本地服务器的 worker

React pdf viewer - using worker from local server

reactjs

pdf

web-worker