Angular中Nullish Coalesce为何被转为错误的三元表达式？

这个问题的核心是你的Angular项目不支持空值合并运算符（??），具体由以下几种情况导致转译工具错误拆解运算符：

• TypeScript版本过低：??是TypeScript 3.7及以上版本才引入的特性。执行tsc -v查看当前版本，若低于3.7，升级TypeScript：

  npm install typescript@^3.7 --save-dev
  

  注意要匹配你的Angular版本兼容性（比如Angular 9+适配TypeScript 3.7+）。

• Angular CLI版本老旧：旧版CLI的内置转译规则未正确处理??运算符，若CLI版本低于8.3，升级到兼容版本：

  ng update @angular/cli @angular/core
  

  升级前建议备份项目，避免依赖冲突。

• 自定义Babel配置缺失插件：如果项目用了自定义Babel配置，需安装并启用@babel/plugin-proposal-nullish-coalescing-operator插件：

  {
    "plugins": ["@babel/plugin-proposal-nullish-coalescing-operator"]
  }
  

  确保Babel版本在7.8.0以上。

• 构建缓存异常：缓存可能导致转译逻辑异常，清理后重新构建：

  ng clean
  npm cache clean --force
  ng serve
  

补充：给??加括号无效是因为转译工具在语法解析阶段就错误识别了运算符，和表达式优先级无关，所以无法通过括号解决。

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