Next.js执行next build后localhost修改代码无更新是什么原因？
2026-10-1
问题原因
next build 是 Next.js 用于编译生产环境代码的专用命令，会将项目全量代码编译为优化后的生产级产物，而你后续执行的 npm start 对应启动的是生产环境服务，该模式默认不会监听本地代码变更，也不具备热更新能力，因此修改代码后页面不会同步更新。
解决步骤
- 终止当前运行的
npm start服务：在启动服务的终端窗口按下Ctrl + C即可结束进程 - 切换为开发模式启动项目，根据你使用的包管理工具执行对应命令：
- npm 环境：
npm run dev - yarn 环境：
yarn dev - pnpm 环境：
pnpm dev
- npm 环境：
- 若启动开发模式后仍无法触发热更新，可清理缓存后重试：
- 删除项目根目录下的
.next缓存文件夹 - 执行
npm cache clean --force清理 npm 全局缓存 - 重新安装依赖后再次启动开发服务
- 删除项目根目录下的
开发模式启动后默认占用3000端口，访问 localhost:3000 即可，修改代码后会自动触发页面重载同步变更内容。日常开发阶段请始终使用开发模式启动项目，仅当需要验证生产环境表现或上线部署时再使用
next build+npm start的组合。
内容的提问来源于stack exchange，提问作者FamousLastWords
相关产品推荐
相关产品推荐
