构建Next.js项目执行npm run build时出现异常输出求助

执行npm run build后得到如下输出，怀疑是异常情况，求解决：

Route (app)                                Size     First Load JS
┌ ○ /                                      137 B          77.3 kB
└ ○ /favicon.ico                           0 B                0 B
+ First Load JS shared by all              77.1 kB
  ├ chunks/2443530c-d4a6bd7fc7f21e3c.js    50.5 kB
  ├ chunks/488-b4b91b085767513b.js         24.7 kB
  ├ chunks/main-app-76d27563e38015d9.js    215 B
  └ chunks/webpack-e30dad67616b08ea.js     1.65 kB

Route (pages)                              Size     First Load JS
─ ○ /404                                   181 B          74.7 kB
+ First Load JS shared by all              74.5 kB
  ├ chunks/framework-8883d1e9be70c3da.js   45.1 kB
  ├ chunks/main-7b5ac83f02b44a6e.js        27.6 kB
  ├ chunks/pages/_app-b555d5e1eab47959.js  195 B
  └ chunks/webpack-e30dad67616b08ea.js     1.65 kB

○  (Static)  automatically rendered as static HTML (uses no initial props)

解答 #

• 这个输出本身不是异常，是Next.js同时启用App Router和Pages Router时的正常构建日志。
• 你的项目里同时存在app目录和pages目录，Next.js会分别处理两个路由系统的资源打包，所以会分Route (app)和Route (pages)两部分输出。
• 如果这不符合你的预期（比如只想用其中一个路由系统），可以删除不需要的目录：
  • 若使用App Router，删除pages目录（若需保留自定义文档或全局样式，建议改用App Router对应的方案）
  • 若使用Pages Router，删除app目录
• 输出里的○标记表示这些路由是静态生成的，无需初始props，属于正常渲染模式，不是问题。

内容的提问来源于stack exchange，提问作者md abrar