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

Question

我正在使用React pdf 查看器，我想在本地设置工作人员。我尝试过这样做：

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

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

但是，这会引发一个警告：

警告：设置假工人

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

Answer 1

Worker 组件需要一个workerUrlwhich 类型string。您可能需要将pdfjsWorker代码替换为实际的 pdf-worker url。

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/