MacOS Sonoma更新后ng serve无响应，重装Angular CLI仍无效

DevOps 小满

2026-7-7

MacOS Sonoma升级后Angular ng serve无响应的解决办法

问题排查与解决方案

Node.js版本兼容性问题
Sonoma系统可能和旧版Node.js存在兼容性冲突，先确认你的Angular版本对应的Node.js最低要求：
- 执行 node -v 查看当前版本，若不符合要求，用nvm或官方安装包升级Node.js到对应版本（比如Angular 17需要Node 18+）
依赖缓存或版本冲突
1. 删除项目下的依赖文件：
```
rm -rf node_modules package-lock.json
```
2. 重新安装依赖：
```
npm install
```
全局与本地Angular CLI版本不一致
1. 查看全局CLI版本：ng version
2. 查看项目本地CLI版本：npx ng version
3. 若版本不同，安装与全局一致的本地CLI：
```
npm install @angular/cli@<你的全局版本号> --save-dev
```
默认生产构建配置导致卡住
你的angular.json中build的defaultConfiguration设置为production，这会让ng serve默认用生产配置构建（耗时极长甚至无响应），修改为开发模式：
找到architect.build下的：
```
"defaultConfiguration": "production"
```
替换为：
```
"defaultConfiguration": "development"
```

文件系统监听兼容性问题
启动ng serve时禁用实时重载和主机检查试试：

ng serve --disable-host-check --live-reload false

或者永久修改angular.json的serve配置，添加options：

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "disableHostCheck": true,
    "liveReload": false
  },
  "configurations": {
    "production": {
      "browserTarget": "angular.io-example:build:production"
    },
    "development": {
      "browserTarget": "angular.io-example:build:development"
    }
  },
  "defaultConfiguration": "development"
}