SuperAPI AI 工具集

error-boundary-strategist

前端与建站

查看项目

更新于 10-15 20:30

技能介绍

用途:为 React 应用设计分层错误处理,让组件、路由与应用级错误都有对应兜底 UI、上报与恢复路径。

主要能力:提供错误严重度矩阵与路由逻辑,区分组件渲染错误、功能崩溃、网络超时、chunk 加载失败、handler 类型错误等并给出处理动作;给出边界放置策略,如组件树较深时在主要控件外围加功能级边界、路由含多个异步数据源时加路由级边界、路由数较多时加应用级边界、Next.js 应用加 global-error.tsx。

必要用法:渲染阶段错误由 Error Boundary 捕获;异步错误用 query.onError 或 try/catch,非 React 错误用 window.onerror 与 unhandledrejection。fallback 保持简单,使用语义化 HTML(如 role="alert"),onReset 应清理导致原始错误的查询缓存与状态;每个边界用 Sentry.withScope 上报异常并附加边界层级与路由上下文。

适用场景:电商仪表盘等按控件隔离崩溃、Next.js App Router 多级 error.tsx 页面。

限制:不用于表单校验、HTTP 状态码、认证失败、业务逻辑校验、加载状态或离线检测,这些应交给对应模式(如表单校验、API、认证、Suspense、连接感知)。资料未提供具体安装命令、收费或价格信息。