# Nextjs 14 SEO Error Handling Rules

> 使用 error.tsx 文件在 Next.js 14 中实现错误处理的规则。

- Skill: `liaosw97/nextjs-14-seo-error-handling-rules` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add liaosw97/nextjs-14-seo-error-handling-rules`
- Raw SKILL.md: https://api.skillmd.com/api/skills/liaosw97/nextjs-14-seo-error-handling-rules/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: liaosw97 (https://skillmd.com/u/liaosw97)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/liaosw97/nextjs-14-seo-error-handling-rules

---


- 对于错误处理（在 error.tsx 中）：
  ```tsx
  'use client'
  export default function Error({
    error,
    reset,
  }: {
    error: Error & { digest?: string }
    reset: () => void
  }) {
    return (
      <div>
        <h2>出现了错误！</h2>
        <button onClick={() => reset()}>重试</button>
      </div>
    );
  }
  ```