用react-pdf动态加载软件包

Question

我在SharePoint在线解决方案中添加了react-pdf，并创建了一个新的Webpart。

如关于react-pdf的文档所述：

  

尽可能地使用PDF.js worker对于性能至关重要。   这样可以确保PDF文件将在单独的线程中呈现   而不影响页面性能。为了使事情变得容易一些，   我们已经准备好几个可以使用的入口点。

所以我已经导入了webpack所说的react-js组件：

import { Document } from 'react-pdf/dist/entry.webpack';

构建时，我的解决方案成功完成了工作，因为他们在这里谈到insde / dist文件夹：https://docs.microsoft.com/en-us/sharepoint/dev/spfx/dynamic-loading

我的Webpart在本地完美运行，但是当我在网站上推送我的解决方案并尝试显示我的Webpart共享点无法访问工作文件时。

我在_layouts / 15 / workbench.aspx页面上出错：

  

[SPLoaderError.loadComponentError]：   无法加载组件“ 5749a310-3745-4f9e-b3b1-d80f6e26b2dc”（ListDocSeriesWebPart）。   原始错误：无法从组件“ 5749a310-3745-4f9e-b3b1-d80f6e26b2dc”（ListDocSeriesWebPart）加载入口点。   原始错误：无法构造'Worker'：无法从源'https://localhost:4321/dist/cb26e0c76f455dfdff94.worker.js'访问'https://digitalsolution365.sharepoint.com'处的脚本。

可能是我在config.json中丢失了某些东西，或者可能无法做到这一点？我没有找到任何信息，如何解决该问题。