问题描述

node 版本：v20.18.1 webpack 版本：v5.98.0

使用 webpack 代码分割后，模块联邦无法引用模块，报错如下：

Uncaught (in promise) Error: Failed to fetch dynamically imported module: URL_ADDRESSUncaught (in promise) Error: Failed to fetch dynamically imported module: http://localhost:8080/remoteEntry.js

问题原因

使用 webpack 代码分割后，模块联邦无法引用模块，因为 webpack 代码分割后，模块联邦无法找到模块，所以报错。

解决方法

在 webpack.config.js 中添加如下配置关闭代码分割：

optimization: {
  splitChunks: true,
},