error.tsx
基本信息
- 类型: Next.js 错误页面 (Client Component)
- 路径:
./src/app/error.tsx
功能描述
局部错误边界页面,当路由段内发生错误时显示。提供友好的 500 错误界面,包含重试、返回首页和返回上一页等操作选项。
路由
- 路径: 所有子路由(局部错误边界)
- 参数: 无
依赖导入
next/link- Next.js 链接组件next/navigation- Next.js 路由导航next-intl- 国际化翻译(客户端)lucide-react- 图标库(ServerCrash、Home、ArrowLeft、RefreshCw)@/components/ui/button- UI 按钮组件
主要功能
- 显示 500 错误状态码和错误图标
- 提供"重试"按钮重置错误边界
- 提供"返回首页"按钮跳转至首页
- 提供"返回"按钮返回上一页
- 显示有用的链接(浏览 Prompts、分类、创建 Prompt)
- 多语言国际化支持
SEO
- title: 500 - Server Error
- description: 服务器错误页面