Angular项目中VSCode不显示TypeScript错误的配置咨询

首先，这个差异的核心原因是：Angular项目的TypeScript检查规则被项目内的tsconfig.json配置覆盖了，而单独打开文件时VSCode使用的是全局TypeScript配置或默认严格规则，所以会触发错误提示。你需要调整Angular项目的tsconfig.json来开启对应的检查规则，这样在项目内打开文件时也能看到预期的错误提示。

具体操作步骤 #

1. 打开Angular项目根目录下的tsconfig.json文件
2. 找到compilerOptions配置块，调整以下规则：
   • 确保noImplicitAny设置为true：这个规则会检测隐式any类型的变量/属性，比如你代码中toolbox.feature的初始类型是{}，添加属性时会触发检查
   • 关闭suppressImplicitAnyIndexErrors（如果它被设置为true）：这个规则会抑制使用索引访问隐式any类型的错误，关闭后就能看到你遇到的那行代码的错误提示
   • 推荐开启strict: true（如果项目允许）：这会启用所有严格类型检查规则，包括上面两个，能全面提升代码的类型安全性

调整后的compilerOptions示例：

{
  "compilerOptions": {
    "strict": true,
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": false,
    // 保留其他原有配置...
  }
}

3. 保存tsconfig.json后，重启VSCode的TypeScript服务（按Ctrl+Shift+P，输入TypeScript: Restart TS Server），就能看到项目内的TS文件也会显示对应的错误提示了。

为什么不需要修改VSCode全局配置？ #

如果修改VSCode全局配置，会影响所有打开的文件，但你的需求是让Angular项目内的检查符合预期，修改项目的tsconfig.json是更合理的做法——它只作用于当前项目，也符合Angular项目的配置规范，团队协作时也能统一检查规则。

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