部署NextJS应用至Vercel持续报错,求解决方案
Next.js混合目录(app+pages)部署Vercel报错解决方法
- 确认Next.js版本为13.4及以上,早期13.x版本对app/pages混合路由支持不完善,升级到稳定版后重新部署
- 部署时强制清理Vercel缓存:在Vercel控制台部署页面勾选「Skip build cache」选项,避免旧缓存引发路由冲突
- 检查路由冲突:app目录与pages目录的路由不能重叠,比如app下有
app/home/page.js,pages里就不能存在pages/home.js,这类冲突会直接导致部署失败 - 核对next.config.js配置:删除
experimental: { appDir: false }这类禁用app目录的代码(13.4+版本默认开启appDir) - 本地先做构建验证:在本地执行
npm run build,若本地构建失败,先根据本地报错解决问题,本地报错信息比Vercel更详细 - 检查Vercel部署预设:在Vercel项目设置里,确认「Framework Preset」选择Next.js,不要自定义构建命令
内容的提问来源于stack exchange,提问作者ERKIN
相关产品推荐
相关产品推荐

