Next.js 13.5.4默认路由失效求助：合规目录仍出现404

核心原因 #

Next.js 13+ 启用的 App Router 路由机制有明确规则：每个路由路径必须对应一个命名为 page.js（或 page.jsx/page.tsx）的文件。你在 user 文件夹下创建的是 about.js，这个文件只会映射到 /user/about 路径，而 /user 路径没有对应的入口文件，因此访问时返回404错误。

解决办法 #

• 若要让 /user 路径正常访问，在 app/user 目录下新建 page.js 文件，添加基础页面代码即可：

// app/user/page.js
export default function UserPage() {
  return <div>用户页面</div>;
}

• 若你的需求是访问 /user/about，则需要将 about.js 重命名为 page.js，并放到 app/user/about 子文件夹中（先创建 about 子文件夹），此时访问 /user/about 就能看到对应内容。

路由规则补充 #

App Router 的路由映射逻辑是基于文件夹结构 + page.js 文件：

• app/page.js → 根路径 /
• app/user/page.js → /user
• app/user/about/page.js → /user/about

内容的提问来源于stack exchange，提问作者raj kumar