umijs / qiankun

📦 🚀 Blazing fast, simple and complete solution for micro frontends.
https://qiankun.umijs.org
MIT License
15.86k stars 2.02k forks source link

使用registerMicroApps和loadMicroApp注册的子应用不能同时显示在一个页面上 #3005

Open Dracolan opened 2 months ago

Dracolan commented 2 months ago

What happens?

如果在主应用中使用registerMicroApps注册了子应用react16、并使用loadMicroApp注册子应用vue,页面中只能展示一个子应用,如果点击展示react16后,vue不显示,点击vue后,react16不显示。期望react16和vue同时显示在一个页面上。

最小可复现仓库

使用的是qiankun的example的例子(https://github.com/umijs/qiankun),修改点: 1、在examples/main/index.js里将name:'vue'的子应用修改为使用loadMicroApp引入, 新增代码:loadMicroApp({ name: 'vue', entry: '//localhost:7101', container: '#vue' });

image

2、在examples/main/index.html文件里的

上方加一个元素
,并设置样式:宽高300px 运行代码后,展示react16,不显示vue,点击vue的home/about后,react16不显示

image

复现步骤,错误日志以及相关配置

相关环境信息

  • qiankun 版本
  • 浏览器版本:128
  • 操作系统:macos