用途:为 React 和 Next.js 应用增加容错的错误处理,包括错误边界、降级 UI、异步错误处理与错误上报。
主要能力:识别易出错区域(异步操作、第三方集成、路由级入口);用类边界或 react-error-boundary 库包裹组件;为 Next.js App Router 添加 error.tsx、global-error.tsx、not-found.tsx 段文件;处理边界覆盖不到的错误(事件处理器、Promise)并接入上报;设计带 role="alert" 与恢复操作(重置或刷新)的降级 UI;将捕获错误汇总到单一上报出口并在发布前测试错误状态。
使用方式:附带参考文档 references/class-boundaries.md(基础、可重置及 react-error-boundary 模式)、references/nextjs-error-handling.md(App Router 的 error.tsx、global-error.tsx、not-found.tsx)、references/async-and-reporting.md(useAsync hook 与 reportError 集成模块)。
最佳实践:在路由级包裹以实现页面级隔离,第三方组件单独包裹;提供带恢复选项的有意义降级;将每个捕获的错误记录到监控服务;不要捕获代码无法有意义处理的错误;在开发环境测试错误状态。
限制:资料未说明收费、价格、具体平台兼容版本或使用步骤细节,暂未提供。