首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >模块联邦插件和响应式布局

模块联邦插件和响应式布局
EN

Stack Overflow用户
提问于 2022-07-19 14:08:05
回答 1查看 77关注 0票数 0

我开始使用微前端模块联邦插件。现在我遇到了一些问题。我的一个远程应用程序有一个响应式布局。我实现了MUI的断点。当应用程序在隔离状态下工作时,一切都正常。但在主机应用程序中,这一点也没有改变。有什么建议让我想办法解决吗?

EN

回答 1

Stack Overflow用户

发布于 2022-07-21 06:59:35

所以我知道你有两个应用程序,一个提供响应组件(远程),另一个消耗(主机)它,对吗?现在,第一件事:

  • 如果您在远程应用的App.js中实现了断点,显然它不会对主机应用程序产生任何影响。

第二,如果“实现断点”意味着使用<ThemeProvider/>,那么在‘主机’应用程序中对远程组件进行主题化也会遇到麻烦。您需要向ModuleFederationPlugin中的“共享”对象添加一个字段:

代码语言:javascript
运行
复制
'@emotion/react': {
     singleton: true,
     requiredVersion: deps['@emotion/react'],
},

为了成功地主题远程组件,这个领域是至关重要的。这样的挑战在使用ModuleFederation时非常常见,因为它所处理的用例的继承复杂性,而且它们也有点难以调试。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73038460

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档