Vue 3异步组件加载失败不会触发onErrorCaptured或errorHandler，必须用defineAsyncComponent配置errorComponent、timeout等，并包裹在错误边界中才能实现完整降级与错误捕获。
Vue 3 中异步组件的加载失败（如 chunk 404、网络中断、import() 拒绝）**不会自动触发 onErrorCaptured 或全局 errorHandler**，因为这类错误发生在组件定义阶段，而非渲染或生命周期执行阶段。要真正捕获并降级，必须把异步组件本身包裹在错误边界中，并配合 defineAsyncComponent 的显式错误配置。
错误边界需包裹异步组件实例，而非定义过程
错误边界组件（含 onErrorCaptured）只能捕获已挂载子组件在渲染、响应式更新、生命周期钩子中抛出的错误。而 import('./X.vue') 失败属于模块加载期异常，此时组件尚未创建，错误直接 reject Promise，不进入 Vue 组件树。因此：
- 不能只写
<errorboundary><asynccomp></asynccomp></errorboundary>就指望捕获加载失败； - 必须让
AsyncComp在加载失败后仍能被实例化——即用defineAsyncComponent提供errorComponent，确保它总是一个合法的 Vue 组件； - 再将这个「已配好 fallback 的异步组件」作为子组件传给错误边界，才能捕获其内部 setup、render 等环节后续抛出的错误。
defineAsyncComponent 必须配置 errorComponent + timeout
仅靠错误边界无法拦截 chunk 加载失败，必须由 defineAsyncComponent 先接管底层 Promise 异常：
-
errorComponent：指定一个纯静态 Vue 组件（如LoadError.vue），当loader被 reject 或超时，它会被渲染； -
timeout：设为合理值（如8000），避免弱网下无限等待； -
delay可设为0，确保加载态可感知； - 不要省略
loadingComponent，否则 loading 和 error 切换会突兀。
示例：
立即学习“前端免费学习笔记（深入）”；
vue-admin-change-reviewer
下载
审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。
错误边界负责兜底组件内部运行时错误
即使加载成功，Chart.vue 的 setup()、计算属性、watch 等仍可能抛错。这时错误边界才真正起作用：
- 在
ErrorBoundary中使用onErrorCaptured捕获后代组件错误； - 返回
true阻止冒泡，避免触发全局errorHandler； - 通过
ref管理错误状态，在模板中条件渲染降级 UI（如重试按钮）； - 可结合
slots渲染正常内容，结构清晰。
使用方式：
进阶：监听 chunk 加载失败并主动上报
如果需对 404、CORS、CDN 异常等做监控，光靠 errorComponent 不够。可在 loader 中手动 catch 并上报：
- 重写
loader函数，对import()做 try/catch； - 在 catch 块中调用错误日志服务（如 Sentry）；
- 仍需 throw 错误，确保
errorComponent正常触发。
示例：
立即学习“前端免费学习笔记（深入）”；
loader: async () => {try {
return await import('./Chart.vue')
} catch (err) {
reportChunkLoadError(err, './Chart.vue') // 自定义上报函数
throw err
}
}
