Next.js最新版本静态生成失效，路由测试遇阻求助

解决方案 #

1. 修正路由文件存放目录 #

Next.js 的页面路由不会解析 components 目录，components 仅用于存放可复用组件，路由页面必须放在对应目录：

• 若使用 Pages Router（Next.js 12 及以下，或 13+ 兼容模式）：路由页面需放在 pages 目录下。比如要实现 /about 访问，需创建 pages/about/index.js（或 .tsx、.jsx）文件；
• 若使用 App Router（Next.js 13+）：路由页面需放在 app 目录下，创建 app/about/page.js（或 .tsx、.jsx）文件。

你之前访问 http://localhost:3000/components/about 是错误路径，正确路径应为 http://localhost:3000/about。

2. 规范文件名与路径 #

• 统一使用小写的文件夹名和文件名，避免不同操作系统（如 Windows/macOS/Linux）的大小写兼容问题；
• 确保路由文件命名符合 Next.js 规则：比如 pages/pa/index.js 对应 /pa 路由（如果你的「pa 文件夹」是为了实现 /pa 路径访问）。

3. 处理预加载警告 #

你遇到的 polyfills.js 预加载警告，多数是 Next.js 框架自身预加载逻辑导致，通常不影响功能。解决方式：

• 升级 Next.js 到最新稳定版本，部分旧版本的预加载逻辑可能存在此类警告；
• 检查 next.config.js 中是否有自定义预加载配置，确保 <link rel="preload"> 的 as 属性设置为 "script"（对应 JS 文件）；
• 若不影响正常使用，可暂时忽略该警告。

资源http://localhost:3000/_next/static/chunks/polyfills.js?ts=1677900209480通过link preload预加载，但在window的load事件触发后的几秒内未被使用。请确保它拥有合适的as值且是有意进行预加载的。

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