组件懒加载如何处理 JS 报错后的重试加载？保障应用高可用性实战

应设计可恢复的懒加载重试机制：用ErrorBoundary稳住UI并提供重试入口；封装lazyWithRetry支持指数退避、超时控制与日志上报；结合预加载、缓存及Feature Flag实现灰度降级。组件懒加载出错后不重试，用户就卡在空白页或报错状态，体验直接掉线。关键不是"捕获错误"，而是设计一套可恢复、有退路、带反馈的重试机制。错误边界 + 状态兜底：先稳住 UI 不崩溃React 中用 ErrorBoundary 捕获懒加载组件内部 JS 报错（比如网络中断、CDN 资源 404、代码解析失败），避免整个页面白屏或 unmount。它必须是类组件或配合 useErrorBoundary 的 Hook 封装，不能用函数组件直接 try/catch。兜底 UI 要明确传达两层信息：- 当前加载失败，不是功能缺失；- 用户可主动干预（如点击重试）或系统会自动恢复。示例结构：{ hasError ? ( 组件加载失败，请稍后重试重新加载