Angular9升级至10后，Node v10中??运算符报语法错误如何解决？

问题原因 #

Node.js v10.15.3的V8引擎版本不支持ES2020新增的空值合并操作符（??），而Angular 10默认会引入更多ES2020特性，导致代码在运行时触发语法错误。

解决方案 #

• 升级Node.js版本（推荐）
  Angular 10官方最低要求Node.js 10.13.0，但要原生支持??这类ES2020特性，需要升级到Node.js 14.x及以上的LTS版本。升级后无需额外配置，即可直接兼容该语法。

• 配置TypeScript转译兼容低版本Node
  如果暂时无法升级Node，可修改tsconfig.json，让TypeScript将ES2020特性转译为Node v10支持的代码：

  {
    "compilerOptions": {
      "target": "ES2019", // 也可设为更低版本如ES2015
      "lib": ["ES2020", "DOM"],
      "downlevelIteration": true,
      "types": ["node"]
    }
  }
  

  同时安装对应Node版本的类型定义：npm install @types/node@10 --save-dev

• 替换??为兼容写法
  直接修改代码，用ES5/ES6兼容的语法替代??：

  • 严格匹配??的行为（仅当值为null或undefined时替换）：

    for (let i = (startIndex !== null && startIndex !== undefined) ? startIndex : 0; i < array.length; i++)
    

  • 若确定startIndex不会是0、''、false等假值，可简化为：

    for (let i = startIndex || 0; i < array.length; i++)
    

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