How do I fix a Module Federation error when trying to use it in Next.js 10 project?

Question

I am trying to develop microfrontends in NextJs 10 project as described by https://gist.github.com/jherr/dd10bc34448590a2661a0c6acbcc7e8a/revisions. But when I try to run it, both in my project and in the one with the example https://github.com/jherr/wp5-nextjs-10.git I get the following error: Error: Module Federation only works with Webpack 5

Error: Module Federation only works with Webpack 5

I am using Windows 10 and my Node version is v14.12.0

How can I fix this?

Error: Module Federation only works with Webpack 5

I am using Windows 10 and my Node version is v14.12.0

How can I fix this?

user_15384103 · Answer

Module federation is a new feature of webpack 5. The error message has to be taken quite literally. You have to upgrade your webpack over your package manager (like yarn or npm) to use it. To help with that, webpack offers migration articles that explain what has to be changed when upgrading (e.g. v3-v4 and v4-v5). You probably have webpack globally installed and the version is too old.

How do I fix a Module Federation error when trying to use it in Next.js 10 project?

1 Answers