#303·qiankun

[Bug]子应用切换回来异步 css 未 block 导致高度计算的问题

Author: CeceWallCreated Mar 10, 2020Updated Sep 17, 2026
Labelsduplicate

What happens?

qiankun加载webpack chunk时css加载顺序错误

子应用为vue应用,Home组件mount时尝试获取当前容器的高度 image

  • 首次mount时css加载后js才执行 image
  • 第二次mount时,css加载时js已经开始执行,获取高度出错 image

第二次css文件还处于pending状态时,js已经开始执行 image

最小可复现仓库

https://github.com/CeceWall/qiankun-css-order-bug

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

安装

yarn install-all

运行

yarn start-all

复现

  1. 打开主应用

  2. 点击mount,可以发现页面上有

    my height is 200px 的文字

  3. 点击unmount卸载子应用后再次点击mount加载子应用

  4. vue组件mount时获取的高度不再是200px

相关环境信息

  • qiankun 版本: 1.4.5
  • 浏览器版本: 80.0.3987.132 (正式版本) (64 位)
  • 操作系统:Windows10 1903