Angular 4 --prod构建产物报错，VSCode提示构造函数可转为类声明

我来帮你搞定这个Angular 4构建后的vendor文件问题——你遇到的VSCode提示和报错，本质是IDE语法检查误报+构建配置可能存在的小问题，咱们一步步来解决：

核心问题拆解 #

首先，VSCode提示的"constructor function may be converted to a class declaration"是针对打包后自动生成的vendor.js文件触发的误报。这个文件是构建工具输出的产物，里面的代码不需要咱们手动修改，IDE的语法检查完全没必要盯着它。如果同时伴随运行时报错，那大概率是构建过程中的代码转换或者缓存出了问题。

具体解决方案 #

1. 让VSCode彻底忽略Vendor文件的语法检查 #

既然vendor是打包产物，直接给VSCode加规则排除它：

• 打开VSCode设置（快捷键Ctrl+,或Cmd+,）
• 搜索javascript.validate.exclude
• 添加规则："**/vendor.js" 或者整个vendor文件夹路径"**/vendor/**"
• 保存设置后，烦人的提示就会消失了

2. 确保Build Optimizer确实被关闭 #

你已经尝试了命令行传参，但Angular CLI 1.x的配置可能存在优先级问题，建议直接在angular-cli.json里硬配置：
找到projects下你的项目节点，在architect.build.options中添加：

"buildOptimizer": false,
"aot": false

之后重新执行构建命令：

ng build --prod

3. 清理缓存与依赖，排除环境问题 #

缓存或损坏的依赖经常会导致奇怪的构建异常：

• 执行Angular CLI缓存清理：

ng clean

• 删除node_modules和锁文件：

# Windows系统用这条：
rd /s /q node_modules package-lock.json
# Mac/Linux用这条：
rm -rf node_modules package-lock.json

• 重新安装依赖：

npm install

4. 微调TypeScript版本兼容性 #

你的package.json里TypeScript是2.4.2，Angular 4.4.4官方兼容的版本范围是~2.3.3到~2.4.2，可以尝试升级到2.4.x的最新稳定版，避免版本适配问题：

npm install typescript@2.4.4 --save-dev

补充信息 #

你提供的报错代码是打包后的构造函数：

function t(t, e, n) { this.routeReuseStrategy = t, this.futureState = e, this.currState = n }

这段代码本身是完全合法的JS，只是VSCode的语法检查器觉得可以转成Class写法，但这是工具生成的代码，咱们完全不需要修改它。

整理后的package.json配置：

{
  "scripts": {
    "ng": "ng",
    "start": "ng serve -port 8002 --proxy-config proxy.conf.js",
    "build": "ng build --aot false --prod && node bundled.conf.js --build-optimizer false"
  },
  "dependencies": {
    "@angular/animations": "4.4.4",
    "@angular/cdk": "2.0.0-beta.10",
    "@angular/common": "4.4.4",
    "@angular/compiler": "4.4.4",
    "@angular/core": "4.4.4",
    "@angular/forms": "4.4.4",
    "@angular/http": "4.4.4",
    "@angular/material": "2.0.0-beta.10",
    "@angular/platform-browser": "4.4.4",
    "@angular/platform-browser-dynamic": "4.4.4",
    "@angular/platform-server": "4.4.4",
    "@angular/router": "4.4.4",
    "bootstrap": "4.0.0-beta",
    "core-js": "2.5.1",
    "date-fns": "2.0.0-alpha.6",
    "ie-shim": "0.1.0",
    "node-sass": "4.8.3",
    "rxjs": "5.4.3",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@angular/cli": "^1.6.2",
    "@angular/compiler-cli": "4.4.4",
    "@types/bootstrap": "3.3.36",
    "@types/node": "8.0.31",
    "concat-files": "0.1.1",
    "glob": "7.1.2",
    "foreach": "2.0.5",
    "https-proxy-agent": "2.1.0",
    "typescript": "2.4.2"
  }
}

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