PhpStorm开发Vue+TS组件提示Object原生方法未解析怎么配置

这个问题的核心原因是IDE优先读取TypeScript的编译配置来加载类型定义，而非你单独设置的JavaScript语言版本，按以下步骤配置即可解决：

• 配置项目根目录的tsconfig.json文件，在compilerOptions中明确指定lib字段，包含ES2017及以上的ES标准库定义，示例配置如下：

{
  "compilerOptions": {
    "target": "ES2020",
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "moduleResolution": "node",
    "strict": true
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue"]
}

说明：Object.values是ES2017新增的API，只要lib数组包含不低于ES2017的标准库标识即可加载对应类型定义。

• 确认IDE使用项目内的TypeScript版本，避免自带的低版本TS导致类型加载异常：
  打开设置 > Languages & Frameworks > TypeScript，将「TypeScript version」选项改为「Use project TypeScript version」，若未自动识别可手动指定项目node_modules/typescript/lib路径。
• 清除IDE缓存并重启：
  点击顶部菜单栏 File > Invalidate Caches...，勾选「Clear file system cache and local history」，点击「Invalidate and Restart」等待IDE重启完成即可。

配置完成后再校验Object.values不会再抛出「Unresolved function or method」告警，跳转Object定义将对应到高版本ES的类型声明文件。

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