micro-app icon indicating copy to clipboard operation
micro-app copied to clipboard

主应用(vue3+vite)和子应用(vue2+webpack)同时改造为umd模式时,子应用的window.mount不会自动执行

Open LAMMUpro opened this issue 7 months ago • 0 comments

问题描述

主应用(vue3+vite)和子应用(vue2+webpack)同时改造为umd模式时,子应用的window.mount不会自动执行 为什么我的主应用要改造为umd模式? 我想兼容子应用独立运行,也就是不套在主应用下运行,但是这样的子应用没有菜单,我想了个办法:子应用独立运行时,将原本的父应用当作子应用来加载菜单(也就是说主应用也有可能是子应用...)

ps: 如果主应用不用umd模式,vue2子应用是正常的,或者主应用是umd模式,子应用是vue3+vite时,也是正常的

复现仓库

主应用: https://gitee.com/LAMMUpro/microapp-vite-admin.git(git reset --hard e103073d93e3448b677a015b46860639eaa1b54b) 子应用c:https://gitee.com/LAMMUpro/microapp-webpack-app-c.git(git reset --hard 3175446be048938b36c266bd4e49a82bb6b8b2e2)

复现步骤

  1. yarn 安装依赖
  2. 主应用yarn vite运行,子应用yarn dev运行
  3. 打开主应用http://localhost:2667/admin/appC?appC=/a
  4. 点击切换菜单【C应用 /a】【C应用 /b】 ps: 此时子应用并没有加载出来,子应用的window.mount并没有被执行!

上传截图

image

环境信息

  • micro-app版本:"@micro-zoe/micro-app": "^1.0.0-rc.5"
  • 主应用前端框架&版本:vue3 + vite
  • 子应用前端框架&版本:vue2 + webpack

LAMMUpro avatar Jul 09 '24 07:07 LAMMUpro