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

Question

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

错误：模块联合仅适用于 Webpack 5

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

我怎样才能解决这个问题？

Answer 1

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