最直接处理方式是在 defineAsyncComponent 配置中显式设置 timeout 和 errorComponent；Vue 会在超时后自动 reject Promise 并渲染 errorComponent，timeout 默认 Infinity，需设为具体毫秒值（如 5000），errorComponent 应轻量无副作用，且 timeout 从 loader 执行开始计时。
设置 timeout 并指定 errorComponent
异步组件加载超时的最直接处理方式，是在 defineAsyncComponent 配置中显式设置 timeout 和 errorComponent。Vue 会在超时后自动 reject 加载 Promise，并渲染 errorComponent 替代原组件。
- timeout 默认为 Infinity（永不超时），必须手动设为具体毫秒值，例如
5000 - errorComponent 应是一个轻量、无副作用的 Vue 组件，比如仅含提示文字和重试按钮的
LoadError.vue - 注意：timeout 是从 loader 执行开始计时，不是从组件首次渲染开始
配合 delay 避免“闪动”加载态
单纯设 timeout 不够，还需搭配 delay 控制 loadingComponent 的展示时机，防止快速加载时 loading 状态一闪而过，影响体验。
- delay 默认 200ms，表示加载超过 200ms 后才显示 loadingComponent
- 若已知某组件体积大、网络弱，可将 delay 设为 0，让 loading 立即出现
- 若超时后 errorComponent 渲染，delay 不再生效，errorComponent 会立即接管
在路由层做兜底重试
单靠组件级 timeout 只能拦截一次失败。更健壮的做法是在路由定义中对 import() 做 catch + 重试封装，实现失败后自动重载。
Element Plus UI Vue3
下载
Element Plus Vue3 桌面组件库。在开发 Vue 3.x 页面时调用，使用 Element Plus 组件（如 el-button、el-input、el-form、el-table 等）。
- 用
.catch(() => import('./Fallback.vue'))提供静态降级组件 - 或封装一个带指数退避的重试函数，例如首次失败等 500ms，第二次等 1s，最多试 3 次
- 重试逻辑应避免无限循环，需限制最大次数并最终 fallback 到轻量组件
利用 router.onError 全局捕获未覆盖的异常
有些超时错误可能绕过组件或路由的 catch，比如 chunk 文件 404 或 CDN 返回空响应。这时需要全局监听器兜底。
- 在
createRouter()后、app.use(router)前注册router.onError - 检查 error.message 是否含
"Loading chunk"、"Failed to fetch"或 HTTP 状态关键词 - 可跳转至统一错误页，或触发局部 UI 提示（如顶部 banner），不中断用户当前操作流
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
