Webpack 模块联合错误 ScriptExternalLoadError: 加载脚本失败答案

【问题标题】：Webpack Module Federation Error ScriptExternalLoadError: Loading script failedWebpack 模块联合错误 ScriptExternalLoadError: 加载脚本失败
【发布时间】：2022-06-25 00:41:51
【问题描述】：

注意：我尝试直接在浏览器中访问它https://localhost:5007/accom-web/dist/js/assets/browser-bundle/remoteEntryTest.js 我得到了服务remoteEntryTest.js 文件。

这是我在主机中的 webconfig。

这是远程应用的 webconfig。

远程应用的优化配置如下。

optimization: {
    runtimeChunk: false,
    emitOnErrors: true,
    splitChunks: {
       minSize: 256000,
       minChunks: 1,
       maxAsyncRequests: 10,
       automaticNameDelimiter: '-',
       cacheGroups: {
           chunks: 'initial',
           .....
       },
    },
    .....
}

我也查看了与此相关的 GitHub 问题，但没有太大帮助。

https://github.com/module-federation/module-federation-examples/issues/307 https://github.com/module-federation/module-federation-examples/issues/1273 https://github.com/module-federation/module-federation-examples/issues/692

关于如何解决它的任何建议？

【问题讨论】：

标签： webpack-5 micro-frontend webpack-module-federation

【解决方案1】：

在远程指定共享依赖项时，我遇到了类似的问题。在查看了您的 Github 参考资料后，我最终不得不禁用 splitChucks。我相信你也试过了，但这让我的遥控器最近又能正常工作了。

optimization: {
        splitChunks: false,
    },

【讨论】：