npm run dev首次运行后localhost不更新,求解决办法
Next.js热更新失效的解决办法
- 检查
next.config.js里有没有禁用热更新的配置,比如devServer: { hot: false },有就改成hot: true或者删掉这行 - 清理缓存:
- 删除Next.js缓存目录:Mac/Linux执行
rm -rf .next,Windows执行rd /s /q .next - 清理npm缓存:执行
npm cache clean --force
- 删除Next.js缓存目录:Mac/Linux执行
- 强制开启轮询监听:把启动命令改成
WATCHPACK_POLLING=true npm run dev,解决Node.js文件监听权限不足的问题 - 排查第三方干扰:暂时禁用项目里的自定义插件、babel配置或middleware,看是否是这类内容阻断了热更新
- 核对版本兼容性:确保Node.js版本符合当前Next.js的要求(比如Next.js 13+建议使用Node.js 16.8及以上),版本不兼容就升级或降级到匹配版本
- 调整IDE保存设置:关闭IDE的自动保存延迟,改成即时保存,避免文件变更没被及时检测到
内容的提问来源于stack exchange,提问作者Ayush B
相关产品推荐
相关产品推荐

