Angular+.NET Core已开experimentalDecorators仍报TS1219错误求助

以下是可能的原因和对应的解决步骤：

1. 文件位置不在Angular源码目录范围内 #

如果你的HeroService文件放在src目录之外（比如项目根目录），TypeScript编译时不会应用根目录的tsconfig.json配置。

• 把服务文件移到src/app或其他Angular源码目录下。

2. 检查Angular实际使用的tsconfig配置文件 #

Angular项目中，src/tsconfig.app.json才是编译应用代码的核心配置文件，它会继承根目录的tsconfig.json，但可能存在覆盖设置：

• 打开src/tsconfig.app.json，确认compilerOptions中包含"experimentalDecorators": true，如果没有，添加该配置。

3. 修正VS2022的TypeScript构建选项 #

VS2022的项目属性设置可能会覆盖tsconfig中的配置：

• 右键项目 → 属性 → TypeScript Build，找到Experimental Decorators选项，勾选它。
• 保存设置后，清理并重新生成项目。

4. 检查.NET Core项目文件的MSBuild配置 #

如果项目通过MSBuild直接编译TypeScript，.csproj中的配置可能会生效：

• 打开项目的.csproj文件，添加或修改以下配置：

  <PropertyGroup>
    <TypeScriptExperimentalDecorators>true</TypeScriptExperimentalDecorators>
  </PropertyGroup>
  

5. 清理缓存并重建项目 #

VS的缓存或依赖问题可能导致配置不生效：

• 关闭VS2022，删除项目根目录的node_modules文件夹和package-lock.json；
• 运行npm install重新安装依赖；
• 打开VS，执行清理解决方案 → 重新生成解决方案。

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