NPM软件包中的Webpack代码拆分。错误：ChunkLoadError：加载块失败

Question

我正在尝试制作NPM软件包（使用此代码https://github.com/paveli/react-payment-icons-inline）。

在此软件包中，我使用code splitting with import() syntax。

我已经在本地项目（而不是打包文件）中对其进行了测试，并且一切正常。

然后发布到NPM（https://www.npmjs.com/package/react-payment-icons-inline），并尝试将其用作使用create-react-app（代码：https://github.com/paveli/react-payment-icons-inline-test）创建的应用程序中的依赖项。

我运行该应用程序时收到错误消息：

Uncaught (in promise) Error: ChunkLoadError: Loading chunk 56 failed.
(missing: http://localhost:3000/56.57c19721fd329317ea9e.js)
    at index.js:494

我认为此错误已连接到webpack。应用无法访问NPM软件包中的数据块。任何人都可以提出解决方法的建议吗？

Answer 1

您需要在Webpack中具有多个条目，这将创建多个js包。 然后，使用React.Lazy

在您的主项目中导入特定的包。