[Bug]子应用切换回来异步 css 未 block 导致高度计算的问题
Author: CeceWallCreated Mar 10, 2020Updated Sep 17, 2026
Labelsduplicate
What happens?
qiankun加载webpack chunk时css加载顺序错误
子应用为vue应用,Home组件mount时尝试获取当前容器的高度

- 首次mount时css加载后js才执行

- 第二次mount时,css加载时js已经开始执行,获取高度出错

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

最小可复现仓库
https://github.com/CeceWall/qiankun-css-order-bug
复现步骤,错误日志以及相关配置
安装
yarn install-all
运行
yarn start-all
复现
打开主应用
点击mount,可以发现页面上有
my height is 200px 的文字
点击unmount卸载子应用后再次点击mount加载子应用
vue组件mount时获取的高度不再是200px
相关环境信息
- qiankun 版本: 1.4.5
- 浏览器版本: 80.0.3987.132 (正式版本) (64 位)
- 操作系统:Windows10 1903
Source: umijs/qiankun