AI 工具指南

Nextjs Hydration Error Debug Checklist

一份给 AI 工具新手的 Next.js hydration error 检查清单:核对报错原文、复现路径、服务端客户端差异、第三方组件、构建验证和明日人工复核事项。

What is the problem?

一份给 AI 工具新手的 Next.js hydration error 检查清单:核对报错原文、复现路径、服务端客户端差异、第三方组件、构建验证和明日人工复核事项。

Quick solution

Treat this as a Node.js errors checklist issue. First confirm the environment, inputs, permissions, logs, and delivery boundary. Then use the linked deep guide for the full checklist before changing production code or promising a result.

Read the deep guide

Detailed steps

  1. 收集报错原文和截图。
  2. 确认复现路径和运行环境。
  3. 找最近改动的组件和依赖。
  4. 按服务端/客户端差异逐项排查。
  5. 缩小到一个组件或一个渲染分支。
  6. 修复后运行构建和页面复测。

Commands or code

报错原文:
页面路径:
运行环境:
复现步骤:
最近改动:
怀疑原因:
修改范围:
验证命令:
验证结果:
剩余风险:

Risk notes

Confirm the real project environment, account permissions, platform rules, and output quality before delivery. Do not ship AI-generated changes without human review, and do not claim indexing, income, deployment success, or ranking improvements without measured evidence.