Angular 8中WebStorm报Object、JSON未识别警告的解决方法咨询

我在测试Angular 8项目时，遇到了WebStorm无法识别Object、JSON这类全局对象的警告（详见附图）。虽然我的tsconfig.json里已经配置了lib字段包含es2018和dom，但警告依然存在，该怎么调整设置消除这个问题呢？

我的tsconfig.json配置如下：

{ 
  "compileOnSave": false, 
  "compilerOptions": { 
    "baseUrl": "./", 
    "outDir": "./dist/out-tsc", 
    "sourceMap": true, 
    "declaration": false, 
    "downlevelIteration": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "module": "esnext", 
    "moduleResolution": "node", 
    "importHelpers": true, 
    "target": "es2015", 
    "typeRoots": [ "node_modules/@types" ], 
    "lib": [ "es2018", "dom" ] 
  } 
}

几个可行的解决步骤： #

• 强制WebStorm重新加载tsconfig配置：IDE有时候会缓存旧的配置，导致新修改的tsconfig.json没生效。你可以右键点击项目根目录的tsconfig.json文件，选择「Mark as TS Config」；或者直接通过「File > Invalidate Caches...」清除缓存并重启WebStorm，这是最常见的修复方式。
• 检查项目中的其他tsconfig文件：如果项目里存在tsconfig.app.json、tsconfig.spec.json这类子配置文件，WebStorm可能优先读取了这些文件的配置。要确保这些子文件的lib字段也包含es2018和dom，或者在主tsconfig.json中通过extends字段统一继承配置，避免出现配置不一致的情况。
• 确认TypeScript版本匹配：Angular 8对应的TypeScript版本范围是3.4.x，先检查项目package.json里的typescript依赖版本是否符合要求；再打开WebStorm的设置（「File > Settings > Languages & Frameworks > TypeScript」），确认选择的是「Use TypeScript from node_modules」，而不是IDE自带的版本——版本不匹配很容易引发这类全局对象识别问题。
• 尝试补充lib字段的细分配置：虽然es2018已经包含了Object、JSON相关的定义，但你可以尝试把lib字段修改为["es2015", "es2018", "dom"]，或者单独添加es2018.object，看看是否能让IDE正确识别。

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