Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
T treasure
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 12
    • Issues 12
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Operations
    • Operations
    • Incidents
    • Environments
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value Stream
  • Wiki
    • Wiki
  • External wiki
    • External wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • FE
  • treasure
  • Issues
  • #234

Closed
Open
Created Apr 08, 2024 by JayChen@JayChenOwner

微应用/主应用前提下,多个VUE项目共存,在特定情况下会导致$router undefined的问题

背景

主应用和子应用都是Vue,并且主应用通过CDN externals进行了项目优化。子应用报错,提示$router 不存在。无法被加载

原因

主应用cdn引入的vue,会把Vue挂载到window里。
在子应用引入时,会进行一个判断,window.Vue是否存在,不存在才会加入自身的Vue
同时router会被挂到主应用的window上。而子应用vueRouter在自身的window global上无法正常获得,导致加载错误。

不可接受的解决方案

放弃所有主应用cdn引入,降低项目性能,如vue vuex vue-router element-ui等。

结论

避免主子应用都是Vue项目。
ps:主子都是React时,没有此影响

替换方案:使用其他项目嵌入式方案对待这种双Vue项目,如iframe内嵌;link 打开新浏览器tab等。

Edited Apr 08, 2024 by JayChen
Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking