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

问题描述

我正在尝试在 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

我该如何解决这个问题？

解决方法

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