Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

主应用和子应用用同一个框架,会出现样式冲突 #1450

Open
4396mingkai opened this issue Nov 22, 2024 · 0 comments
Open

主应用和子应用用同一个框架,会出现样式冲突 #1450

4396mingkai opened this issue Nov 22, 2024 · 0 comments

Comments

@4396mingkai
Copy link

问题描述

问题的具体描述
1.主应用和子应用使用同一个开源框架,会出现子应用的页面覆盖在主应用上。
2.如果在主应用上配置disableSandbox,会导致子应用无法加载

复现步骤

1.pnpm install
2. pnpm dev

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。
image
如图,其中这两个按钮和文字是在主应用中写的,logo图片是子应用,会直接覆盖,子应用使用的是绝对布局
image
并且子应用的路由都无法加载成功,子应用在浏览器运行可以正常登录使用,在主应用中就无法登录,直接显示找不到路由页面

复现仓库

请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。
主应用:https://gitee.com/shenlu/vue-admin.git
子应用:https://gitee.com/shenlu/child-app.git

环境信息

  • micro-app版本:"@micro-zoe/micro-app": "1.0.0-rc.13",
  • 主应用前端框架&版本:(vue: ^3.5.12) vitest: ^2.1.4 vite: ^5.4.10
  • 子应用前端框架&版本:(vue: ^3.5.12) vitest: ^2.1.4 vite: ^5.4.10
  • 构建工具&版本:
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant