Javascript 网页包，优化分块给出；冲突：多个块将资源发送到同一文件名；错误

信息

我正在尝试生成自己的网页配置，但在运行时遇到了一些问题

问题

当尝试使用优化将文件分割成块时，我得到如下错误

错误：冲突：多个区块将资产发送到同一文件名static/js/bundle.js（区块main和vendors-node\u modules\u react-hot-loader\u patch\u js-node\u modules\u react\u jsx-dev-runtime\u js-node\u mod-4610d2）

如果我删除优化部分，它会工作，但不会分块。我一直在寻找CreateReact应用程序，以便在生成此应用程序时获得一些可供参考的内容

正如您所见，他们在开发和生产中都有优化部分处理分块。为什么在使用时会出现冲突错误

代码

我的配置的精简/简化版本（禁用runtimeChunk，因为它也会产生相同的冲突错误）

webpack.config.js

module.exports=（）=>{
process.env.NODE_env=“开发”；
process.env.BABEL_env=“开发”；
返回{
模式：“发展”，
条目：[“react hot loader/patch”、“/src”]，
输出：{
路径：未定义，
公共路径：“/”，
文件名：“static/js/bundle.js”，
chunkFilename:“static/js/[name].chunk.js”，
},
优化：{
错,，
分割块：{
块：“全部”，
姓名：false
},
//运行时块：{
//name：（entrypoint）=>`runtime-${entrypoint.name}`，
// },
},
决心：{
模块：[path.join（uu dirname，“src”），“node_modules”]，
别名：{
“react-dom”：“@hot-loader/react-dom”，
},
},
模块：{
规则：[
{
测试：/\（js | mjs | jsx | ts | tsx）$/，
包括：path.resolve（uu dirname，“./src”），
排除：/node_模块/，
使用：[“巴别塔加载器”]，
},
],
},
插件：[
新HtmlWebpackPlugin({
是的，
模板：path.resolve（uu dirname，“./public/index.html”），
}),
新建webpack.HotModuleReplacementPlugin（），
],
开发服务器：{
是的，
热：是的，
contentBase:“./构建”，
历史上的倒退：是的，
},
devtool：“内联源映射”，
};
};

B.法律改革委员会

{“预设”：[[“反应应用程序”，{“运行时”：“自动”}]}

要让它工作，必须将

文件名：“static/js/bundle.js”

更改为

文件名：“static/js/[name].js”

输出：{
路径：未定义，
公共路径：“/”，
文件名：“static/js/[name].js”，
chunkFilename:“static/js/[name].chunk.js”，
}