我开始使用微前端模块联邦插件。现在我遇到了一些问题。我的一个远程应用程序有一个响应式布局。我实现了MUI的断点。当应用程序在隔离状态下工作时,一切都正常。但在主机应用程序中,这一点也没有改变。有什么建议让我想办法解决吗?
发布于 2022-07-21 06:59:35
所以我知道你有两个应用程序,一个提供响应组件(远程),另一个消耗(主机)它,对吗?现在,第一件事:
第二,如果“实现断点”意味着使用<ThemeProvider/>
,那么在‘主机’应用程序中对远程组件进行主题化也会遇到麻烦。您需要向ModuleFederationPlugin中的“共享”对象添加一个字段:
'@emotion/react': {
singleton: true,
requiredVersion: deps['@emotion/react'],
},
为了成功地主题远程组件,这个领域是至关重要的。这样的挑战在使用ModuleFederation时非常常见,因为它所处理的用例的继承复杂性,而且它们也有点难以调试。
https://stackoverflow.com/questions/73038460
复制相似问题