使用ng serve时提示outputHashing已禁用，但angular.json设为all的解决方法及解析

云原生阿岚

2026-7-4

解决Angular中outputHashing配置不生效的问题

提示含义说明

outputHashing是Angular构建系统的核心配置项，作用是给JS、CSS、图片等静态资源文件名添加哈希后缀，避免浏览器缓存旧的资源文件。系统提示“outputHashing已禁用”，说明当前执行ng serve时，构建流程没有启用资源哈希功能，哪怕你在angular.json的根配置里设置了outputHashing: all。

解决步骤

检查环境级配置的覆盖
Angular允许针对不同环境（比如开发环境development、生产环境production）单独设置构建参数，这些环境配置会覆盖根级的outputHashing设置。
打开angular.json，找到项目对应的architect -> serve -> configurations -> development节点（ng serve默认启动的是开发环境），如果这里单独设置了"outputHashing": "none"，就会覆盖根配置的all。你可以把这个配置项删掉，或者改成"all"，让它继承根级设置。
示例修改：
```
"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "configurations": {
    "development": {
      // 删掉或修改这里的outputHashing配置
      "outputHashing": "all"
    }
  },
  "defaultConfiguration": "development"
}
```
排查命令行参数强制覆盖
如果你启动ng serve时额外加了--output-hashing none参数，会直接禁用哈希功能。检查你执行的命令，去掉该参数即可。
清理Angular缓存
本地缓存可能导致配置变更不生效，执行以下命令清理缓存后重新启动：
```
ng cache clean
ng serve
```
确保CLI版本匹配
本地全局Angular CLI版本和项目依赖的CLI版本不一致，也可能导致配置解析异常。优先使用项目本地的CLI执行命令：
```
npx ng serve
```
也可以查看package.json里的@angular/cli版本，确保全局CLI版本和它一致。