Promise 不直接挂载微前端子应用，而是被微前端框架（如 qiankun）用于封装和协调 load、mount 等生命周期钩子的异步流程，确保顺序执行、错误捕获与状态可控。
Promise 本身不直接处理微前端子应用挂载，它只是用于管理异步流程的工具；真正负责挂载的是微前端框架（如 qiankun、micro-app、Garfish）的生命周期钩子，而 Promise 常被用来封装和协调这些钩子的异步行为，确保子应用加载、初始化、挂载等步骤按序完成且可错误捕获。
用 Promise 封装子应用的 load 和 mount 生命周期
微前端中，子应用通常需先加载资源（JS/CSS），再执行 bootstrap、mount。这些过程天然异步，适合用 Promise 链组织：
- loadApp() 返回一个 Promise，内部调用 fetch 脚本、执行 entry、返回包含生命周期函数的对象
- mount() 被包装为 Promise，等待 DOM 准备就绪（如 container 存在）、样式注入完成、并调用子应用的 mount 方法
- 若某步失败（如脚本 404、mount 报错），Promise.reject 可统一触发错误降级逻辑（如显示 fallback 页面）
在 qiankun 中 Promise 如何参与挂载流程
qiankun 的 registerMicroApps 中，每个子应用配置的 mount 函数本身是同步声明的，但实际执行时往往内部返回 Promise 或 await 异步操作：
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 你可以在 mount 函数里 await 子应用的初始化逻辑（如权限校验、远程配置拉取）
- qiankun 会自动等待 mount 返回的 Promise resolve 后才认为挂载成功；reject 则触发 unmount 并上报错误
- 例如：
mount: async () => { await checkAuth(); render(); }—— 这个 async 函数隐式返回 Promise
避免常见陷阱：Promise 状态与挂载状态混淆
Promise 解决的是“任务是否完成”，不是“DOM 是否可见”或“子应用是否就绪”。需注意：
立即学习“Java免费学习笔记（深入）”；
- Promise resolve 不代表 UI 已渲染完成（可能 render() 是异步的，如 React 18 的 createRoot.render）
- 不要仅靠 Promise.then 插入 loading 结束逻辑，应结合子应用自身的渲染回调或 ref 检测真实挂载状态
- 多个子应用并发挂载时，用 Promise.all 包裹 mount 调用需谨慎——它们应隔离运行，失败不应互相阻断
手动控制挂载时机时用 Promise 构建队列
当需要按优先级或条件延迟挂载（如用户进入某路由才加载子应用），可用 Promise 构造懒加载队列：
- 定义
loadAndMount = () => import('./app').then(m => m.mount(container)) - 将该函数存入队列，用 Promise.race 控制超时，或用 async/await 串行触发多个子应用挂载
- 配合 signal 或 abortController 实现挂载中途取消（如用户快速切换路由）
