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

jon*_*ode 6 micro-frontend webpack-5 webpack-module-federation

我的主机抛出此错误。

在此输入图像描述

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

这是我在主机中的网络配置。

在此输入图像描述

这是远程应用程序的webconfig。

在此输入图像描述

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

optimization: {
    runtimeChunk: false,
    emitOnErrors: true,
    splitChunks: {
       minSize: 256000,
       minChunks: 1,
       maxAsyncRequests: 10,
       automaticNameDelimiter: '-',
       cacheGroups: {
           chunks: 'initial',
           .....
       },
    },
    .....
}
Run Code Online (Sandbox Code Playgroud)

我也查看了有关此问题的 GitHub 问题,但没有多大帮助。

https://github.com/module-federation/module-federation-examples/issues/307 https://github.com/module-federation/module-federation-examples/issues/1273 https://github.com/模块联合/模块联合示例/问题/692

关于如何解决这个问题有什么建议吗?

JAS*_*KRU 5

我在指定远程共享依赖项时遇到了类似的问题。在查看了您的 Github 参考资料后,我最终不得不禁用 splitChucks。我确信您也尝试过,但这让我最近再次远程工作。

optimization: {
        splitChunks: false,
    },
Run Code Online (Sandbox Code Playgroud)