一直在尝试 Webpack 的 5 Module Federation 并遇到了这个问题。尝试了很多方法，但似乎都没有奏效。基本上当我尝试使用 styled-components在联合模块上，我得到 React 的 Invalid hook call错误。
这是一个尝试重现该问题的存储库:
我想知道我是否遗漏了什么，或者这是否是某种错误。
最佳答案
通过告诉 Webpack 将 React 用作单例来解决问题。
在 foo/webpack.config.js我改了shared至[{ react: { singleton: true } }] .
new ModuleFederationPlugin({
name: 'foo',
filename: 'remoteEntry.js',
exposes: {
'./Foo': './src/App',
},
shared: [{ react: { singleton: true } }],
})
关于javascript - 样式组件和 Webpack 5 联合模块之间的冲突(无效的钩子(Hook)调用)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64202027/