error.tsx

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: 服务器错误页面
← 返回目录