Angular兼容Chrome 79：BigInt与可选链语法兼容问题求助

1. 替换BigInt字面量为构造函数调用 #

将代码中所有BigInt字面量（如123n）替换为BigInt(123)调用。Chrome 79原生支持BigInt构造函数（Chrome 67+已兼容），仅不支持字面量语法，这样既可以规避TypeScript的编译报错，又无需额外polyfill。

2. 调整TypeScript配置（tsconfig.json） #

确保compilerOptions配置如下，让TypeScript自动转译ES2020语法到Chrome 79支持的版本：

{
  "compilerOptions": {
    "target": "es2017",
    "lib": ["es2017", "dom"],
    "downlevelIteration": true,
    "useDefineForClassFields": false,
    "module": "es2020",
    "moduleResolution": "node",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "angularCompilerOptions": {
    "enableI18nLegacyMessageIdFormat": false,
    "strictInjectionParameters": true,
    "strictInputAccessModifiers": true,
    "strictTemplates": true
  }
}

• target: es2017：触发TypeScript将可选链(?.)、空值合并运算符(??)等ES2020语法转译为旧版浏览器兼容代码。
• lib: ["es2017", "dom"]：限定TS识别的语法范围，避免引入更高版本特性导致编译冲突。
• downlevelIteration: true：处理ES2015+迭代器在旧环境的兼容问题。

3. 调整Angular构建配置（angular.json） #

在projects.[你的项目名].architect.build.options中配置如下，确保优化模式正常运行：

{
  "buildOptimizer": true,
  "optimization": true,
  "allowedCommonJsDependencies": [],
  "polyfills": ["zone.js"]
}

• 保持buildOptimizer和optimization开启，验证构建优化无报错。
• 若项目依赖的CommonJS包使用了BigInt，将其添加到allowedCommonJsDependencies中消除构建警告。

4. 兼容性验证 #

构建完成后在Chrome 79中测试：

• 确认无“Unrecognized character”错误（可选链已被转译）
• 确认BigInt相关功能正常运行（构造函数调用可正常执行）

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