Reactjs 未处理的拒绝（ChunkLoadError）：加载区块1失败

我基本上是想做一个

poc

，将我的主应用程序的某些部分提取到一个单独的包中

现在，我正试图在我的

主应用程序中访问它。

package.json:

 "dependencies": {
    "myapp-poc-ui": "git+https://github.com/prabhatmishra33/myapp-poc-ui#master",
    "react": "^16.10.1",
    "react-dom": "^16.10.1",
    "react-scripts": "3.2.0"
  },

我通过以下方式访问主应用程序中导出的模块：

import React from 'react';
import './App.css';
import { HelloWorld } from "myapp-poc-ui";
import { LazyComponent } from "myapp-poc-ui";

function App() {
  return (
    <div>
      <HelloWorld />
      <LazyComponent />
    </div>
  );
}

export default App;

从“React”导入React；
导入“/App.css”；
从“myapp poc ui”导入{HelloWorld}；
从“myapp poc ui”导入{LazyComponent}；
函数App（）{
返回(
);
}
导出默认应用程序；

问题：我的浏览器出现问题

Uncaught SyntaxError: Unexpected token '<'
Uncaught (in promise) ChunkLoadError: Loading chunk 1 failed.

Uncaught SyntaxError:Unexpected token'所以问题出在这里，
无论何时构建myapp poc ui，它都会创建

主条目文件
其余都是块文件
除非应用程序呈现，否则区块文件不会在构建中自动加载。一旦应用程序呈现，它就会调用区块文件通过网络加载。您的客户端应用程序需要将区块文件保存在public或dist文件夹中，该文件夹是localhost上的服务器，除非我们将其从节点模块复制到public，否则它无法自动获取区块文件

您的模块已经创建了区块，但客户端应用程序在创建客户端构建时不会自动加载/复制文件，如果我们将文件调用作为myapp poc ui的一部分，那么它就无法实现使用延迟加载的目的。因此，一种方法是将节点文件复制到您的服务文件夹或构建文件夹中


//我正在使用create-react-app作为客户端，并使用react-app重新连接到
//在config-overrides.js中覆盖cra网页包
const CopyWebpackPlugin=require（'copy-webpack-plugin'）；
module.exports=函数重写（配置，环境）{
//使用网页包配置做一些事情。。。
config.plugins=[
新的CopyWebpackPlugin([
{
上下文：“node_modules/myapp poc ui/dist/”，
from:“*”，to:“[name].[ext]”，toType:“template”，
},
]),
…config.plugins，
];
console.log（配置）
返回配置；
}
导出默认可加载（{//loader:（）=>导入（/*webpackChunkName:“ForecastAccuracy”*/'./ForecastAccuracy'），加载程序：（）=>导入（'./../LazyComponent/LazyComponent'），加载（）{返回加载…}）您的代码的这一部分正确吗？传递给Loadable的对象不应该是json格式的吗？我假设它是正确的，请参考这一部分。我看到react Loadable的api没有明确指定它需要哪些参数。但您也应该尝试发送特定于json的消息，看看它是否解决了您的问题。类似于加载：（）=>加载好！我做了更改，但发生了相同的错误，即未处理的拒绝（ChunkLoadError）：加载Chunk1失败。（缺失：http://localhost:3000/1.myapp-poc ui.js）