构建Angular应用时触发Optimization error：Terser未知原因失败

错误说明 #

构建Angular应用时出现如下错误：

Error: Optimization error [scripts.[contenthash:20].js]: Error: Terser failed for unknown reason

错误截图显示构建流程在处理scripts文件时触发Terser压缩优化失败，导致构建终止。

以下是几种常见的解决方法：

• 临时禁用Terser脚本优化
  修改angular.json中对应构建配置的optimization选项，将scripts设为false，先绕过Terser完成构建，确认其他环节无问题：

  "optimization": {
    "scripts": false,
    "styles": {
      "minify": true,
      "inlineCritical": true
    },
    "fonts": true
  }
  

• 更新Terser及相关依赖
  旧版本Terser可能存在兼容性问题，在项目根目录执行命令更新依赖：

  npm update terser @angular-devkit/build-angular --save-dev
  

• 排查代码语法问题
  Terser压缩失败多与无效语法有关，重点检查：

  • 项目代码中未闭合的函数、括号或模板字符串
  • 是否使用了Terser不支持的ESNext语法（需确保Babel转译配置正确）
  • 第三方依赖中的异常代码，可临时移除可疑库验证构建是否恢复

• 启用详细日志定位问题
  在angular.json的构建配置中添加verbose参数，获取更详细的错误信息：

  "build": {
    "builder": "@angular-devkit/build-angular:browser",
    "options": {
      // 其他配置项
      "verbose": true
    }
  }
  

  重新构建后，日志会指明具体是哪段代码触发了Terser错误。

• 清理缓存后重新构建
  缓存损坏也可能导致异常，执行以下命令清理缓存后重试：

  ng cache clean
  npm cache clean --force
  ng build --prod
  

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