Angular 18升级至19后代码变更不生效且无自动重载问题求助

• 检查开发服务器启动命令
  确保使用官方推荐的 ng serve 命令启动开发服务，不要用自定义脚本或第三方工具。Angular 19 对热重载逻辑做了微调，旧的自定义启动方式可能不兼容。

• 清理缓存

  1. 浏览器端：按 Ctrl+Shift+R（Windows/Linux）或 Cmd+Shift+R（Mac）强制刷新，避免浏览器加载旧资源缓存。
  2. 项目构建缓存：删除项目根目录下的 node_modules/.angular 文件夹，再重新运行 ng serve。

• 确认 angular.json 配置
  检查 architect > serve > options 里的 liveReload 字段是否设为 true，升级过程中该配置可能被意外修改：

  "serve": {
    "builder": "@angular-devkit/build-angular:dev-server",
    "options": {
      "browserTarget": "你的项目名称:build",
      "liveReload": true
    }
  }
  

• 禁用浏览器扩展
  广告拦截、缓存优化类的浏览器扩展可能干扰热重载机制，临时禁用所有扩展后测试是否恢复正常。

• 检查文件监听权限
  Linux/macOS 系统下，开发服务器可能因文件监听上限不足无法检测文件变更，可临时调整系统配置：

  # macOS 临时调整
  sudo sysctl -w kern.maxfiles=10485760
  sudo sysctl -w kern.maxfilesperproc=1048576
  # Linux 临时调整
  echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
  

• 同步 Angular CLI 版本
  确保全局和项目本地的 Angular CLI 都是 19.x 版本：

  # 查看当前版本
  ng version
  # 更新本地 CLI
  npm install @angular/cli@19 --save-dev
  

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