子应用使用react-monaco-editor时发生异常

[coolRoger]

Describe the bug

当含有react-monaco-editor的应用单独运行时表现正常，当嵌入了microApp作为子应用运行时，样式丢失且控制台发生报错

Reproduce repository

可复现的仓库, micro-app-issue-253，在mainApp安装依赖时，请务必使用yarn, subApp则随意

Screenshots

单独运行时：


嵌入主应用运行时：
代码提示消失
右键菜单显示异常
子应用打开时，控制台报错
关闭子应用时，控制台报错

Environment

• micro-app version: 0.7.1
• framework of base app & version: React^17.0.2
• framework of sub app & version: React^17.0.2
• Build tools & version: react-scripts^5.0.0 & @craco/craco^6.4.3

[bailicangdu]

这是一个难以解决的问题，我们正在排查和尝试修复，谢谢反馈

[coolRoger]

@bailicangdu 非常感谢您的回复：

我现在用了一个曲线救国的方法：

• 暂时先在react-monaco-editor的子应用将disableScopecss设置为true，
• 至于代码提示方面，主要是monaco-editor-webpack-plugin这个插件来引入语言库然后做代码提示的。所以我只有在主程序修改webpack配置，启用monaco-editor-webpack-plugin这个插件，并且将monaco-eidtor这个库引进主程序

暂时用起来貌似是没有问题的，同时也非常期待您的相关修复

[coolRoger]

@bailicangdu 大佬, 请问这个issue的修复进度如何啦?

[aWestbrookFan]

控制台发生报错 可能是因为editor.worker.js和ts.worker.js资源没获取到。设置下 https://zeroing.jd.com/docs.html#/zh-cn/static-source?id=publicpath 就可以了

[pisyell]

在子应用中，代码编辑器的光标聚焦有很大的问题

[qyjs]

大佬，在子应用中，也遇到同样的问题。有什么进展么，或者有什么思路吗，大家一起解决

[raoenhui]

用 v1.0.0-beta.7 版本 试下看，是不是好了

[qyjs]

用 v1.0.0-beta.7 版本 试下看，是不是好了

不行一样的问题

[raoenhui]

用 v1.0.0-beta.7 版本 试下看，是不是好了

不行一样的问题

我自己安装react-monaco-edito是好的，方便提供下代码仓库吗？方便进微信群加下我微信吗？

[raoenhui]

由于react-monaco-editor中生成了shadow，所以导致micro-app加的样式隔离失效，建议开启disableScopecss=‘true’即可解决，详情查看 https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/configure?id=disable-scopecss决，