React pdf js - 警告：设置假工人答案

【问题标题】：React pdf js - Warning: Setting up fake workerReact pdf js - 警告：设置假工人
【发布时间】：2021-05-03 11:05:06
【问题描述】：

我正在使用react pdf viewer，我想在本地设置工作人员。我试过这样做：

import pdfjsWorker from "pdfjs-dist/build/pdf.worker.entry";

<Worker workerUrl={pdfjsWorker}>
    <Viewer
      fileUrl={url}
      defaultScale={SpecialZoomLevel.PageFit}
      plugins={[
        defaultLayoutPluginInstance
      ]}
    />
  </Worker>

但是，这会引发警告：

警告：设置假工人

那么导入工人的正确方法是什么，为什么我会收到这个警告？

【问题讨论】：

标签： javascript reactjs service-worker pdfjs

【解决方案1】：

我遇到了类似的问题，通过添加 pdf.worker.js 解决了这些问题

Git Refrence

我在worker.js的头部添加了js文件，即https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.worker.js

然后我根据控制台错误更正版本（2.10.377 到 2.3.200）并开始加载 pdf

【讨论】：

【解决方案2】：

Worker 组件需要 workerUrl，它的类型为 string。您可能需要将代码中的 pdfjsWorker 替换为实际的 pdf-worker 网址。

const pdfVersion = "2.6.347"
const pdfWorkerUrl = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfVersion}/pdf.worker.js`
<Worker workerUrl={pdfWorkerUrl}>
    <Viewer
      fileUrl={url}
      defaultScale={SpecialZoomLevel.PageFit}
      plugins={[
        defaultLayoutPluginInstance
      ]}
    />
</Worker>

注意：请确保为 pdfjs-dist 和 worker 设置相同的版本。

官方文档在这里提到了同样的事情：https://react-pdf-viewer.dev/docs/basic-usage/

【讨论】：