尝试在 Next.js 10 项目中使用它时，如何修复模块联合错误？ [复制]

Posted 2023-02-16

【中文标题】尝试在 Next.js 10 项目中使用它时，如何修复模块联合错误？ [复制]

【英文标题】：How do I fix a Module Federation error when trying to use it in Next.js 10 project? [duplicate]

【发布时间】：2021-06-07 21:40:53

【问题描述】：

我正在尝试在 NextJs 10 项目中开发微前端，如 https://gist.github.com/jherr/dd10bc34448590a2661a0c6acbcc7e8a/revisions 所述。但是当我尝试运行它时，无论是在我的项目中还是在带有示例 https://github.com/jherr/wp5-nextjs-10.git 的项目中，我都会收到以下错误：Error: Module Federation only works with Webpack 5

Error: Module Federation only works with Webpack 5

我使用的是 Windows 10，我的 Node 版本是 v14.12.0

我该如何解决这个问题？

【问题讨论】：

你可以尝试在 Next.js 中启用 webpack 5。详情请查看how to use webpack 5 configs in nextjs?。

@juliomalves 今天我已经修复了它，更新了我的全局 webpack 并再次重新安装了所有项目包。显然正在安装的 webpack 版本是我的全局环境的版本，低于版本 5。非常感谢！

@juliomalves 无论如何我更新，你是绝对正确的，除了更新我的全局 webpack 之外，绝对有必要按照他们的指示和你与我分享的答案去做。非常感谢 ！！解决方案->***.com/a/66125274/1870780

【参考方案1】：

Module federation 是webpack 5 的新功能。错误信息必须从字面上理解。您必须通过包管理器（如 yarn 或 npm）升级 webpack 才能使用它。为了解决这个问题，webpack 提供了迁移文章来解释升级时必须更改的内容（例如 v3-v4 和 v4-v5）。你可能已经全局安装了 webpack 并且版本太旧了。

【讨论】：

非常感谢，我真的通过更新我的 gloal webpack 和@juliomalves 与我分享的解决方案修复了它。