VSCode编辑器三点下划线提示为何未显示在Problems面板？

问题详情 #

当前文件中的两个错误已正常显示在Problems面板中，但第8行的「成员dummy隐式拥有"any"类型」警告未出现在面板内。已确认Problems面板的Errors、Warnings、Infos过滤器均启用，排除过滤导致的问题。

简化复现代码：

class Foo {
  bar; // <- 此处"bar"的"b"下有波浪线
}
let baz; // <- 此处"baz"的"b"下有波浪线

原因分析 #

这种情况核心原因是TypeScript的规则配置未触发该警告的面板同步：

• 默认情况下，TypeScript不会将「隐式any类型」标记为可显示在Problems面板的警告/错误，必须显式开启noImplicitAny配置
• 如果当前文件不在tsconfig.json的include范围内，或被exclude排除，TypeScript语言服务不会按照配置规则检查该文件，导致这类提示无法同步到面板

解决步骤 #

1. 配置TypeScript规则
   修改项目根目录的tsconfig.json，确保开启noImplicitAny，并覆盖目标文件：

   {
     "compilerOptions": {
       "noImplicitAny": true,
       // 若检查JS文件，需额外开启checkJs
       "checkJs": true
     },
     "include": ["./**/*"], // 确保目标文件在包含路径内
     "exclude": ["node_modules"]
   }
   

   若仅需针对单个文件生效，可在文件顶部添加注释：

   // @ts-check
   

2. 重启TypeScript服务
   按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入「TypeScript: Restart TS Server」并执行，让新配置生效。

3. 确认文件类型关联
   查看VS Code右下角状态栏，确认当前文件被识别为TypeScript/TypeScript React或JavaScript文件，若类型错误，可点击状态栏的文件类型选择正确的语言模式。

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