一次页面加载问题复盘

问题背景

新增 about 页面后，开发服务器提示页面加载失败。表面上还能看到 Next.js 版本提醒，但真正的问题来自页面源码。

排查结论

1. 中文内容在写入过程中发生乱码。
2. 字符串和 JSX 标签被截断，导致 TSX 无法解析。
3. 导航组件使用 usePathname()，需要声明为客户端组件。

"use client";

这类问题提醒我们：报错信息里可能同时存在提示和根因，需要优先看编译错误的位置。