Visual Studio 2022构建Angular应用遇TS1219错误求解决

注意：Angular框架核心依赖装饰器（如@Component、@NgModule），你将experimentalDecorators设为false是错误操作——该选项必须设为true才能满足Angular的运行要求，这是问题的核心原因。

以下是具体修复步骤：

• 修改正确的tsconfig配置
  找到项目根目录下的tsconfig.json（子目录的tsconfig.app.json/tsconfig.spec.json会继承根配置），在compilerOptions节点中添加或修改：

  "experimentalDecorators": true,
  "emitDecoratorMetadata": true
  

  保存文件后重启Visual Studio 2022，重新构建项目。

• 对齐Visual Studio与项目的TypeScript版本

  1. 打开Visual Studio 2022，点击顶部菜单栏工具→选项
  2. 定位到TypeScript工具→项目，查看当前使用的TypeScript版本
  3. 对比项目package.json中typescript的版本号，确保两者一致；也可勾选使用来自node_modules的TypeScript版本来自动匹配项目依赖版本

• 清理项目缓存与依赖

  1. 删除项目根目录下的node_modules文件夹、package-lock.json（或yarn.lock）文件
  2. 打开终端执行npm install重新安装所有依赖
  3. 在Visual Studio中点击生成→清理解决方案，完成后重新构建

• 检查Visual Studio的TypeScript构建配置
  右键项目→属性→TypeScript构建，确认启用实验性装饰器选项已勾选。该可视化配置会覆盖tsconfig文件的设置，若此处未勾选，即使tsconfig设为true也无法生效。

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