Chrome DevTools显示旧代码，Node.js应用新代码不生效怎么解决？

针对你遇到的单个文件（signup.js）修改后无法生效的问题，可按以下步骤排查：

1. 检查nodemon监听规则 #

• 查看项目根目录的nodemon.json或package.json内的nodemonConfig，确认目标文件未被加入忽略列表。
• 手动指定监听该文件测试：

  nodemon --watch ./path/to/signup.js server.js
  

  修改文件后观察服务是否重启。

2. 清理Parcel缓存 #

Parcel缓存可能导致旧代码残留，执行以下命令清理：

rm -rf .parcel-cache

重新运行npm run watch:js或npm run build:js，确保新代码被打包。

3. 绕过浏览器缓存 #

• 在Chrome DevTools的Network面板勾选Disable cache，刷新页面验证。
• 或使用强制刷新快捷键：Windows/Linux按Ctrl+Shift+R，Mac按Cmd+Shift+R。

4. 验证文件引用与加载 #

• 在signup.js顶部添加日志：

  console.log('Loaded latest signup.js')
  

  重启服务后查看控制台是否输出该日志，确认文件是否被正确加载。
• 检查服务器端require该文件的路径是否正确，避免误引用旧副本（如node_modules内的同名文件）。

5. 更新nodemon版本 #

旧版本nodemon可能存在监听bug，更新到最新版本：

npm update nodemon

6. 排查文件本身问题 #

• 确认signup.js有正常读写权限，系统未锁定该文件。
• 尝试将文件内容复制到新文件（如signup-new.js），修改引用路径后测试是否生效。

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