webstorm js代码标红但可运行，是因es6+语言版本未正确启用：需在settings→javascript设为es6+并重载文件；若存在jsconfig.json/tsconfig.json则以其中target/lib为准；还需下载并启用对应ecmascript库及node.js core库。
WebStorm 里 JS 代码标红（比如 const、import、=>）但实际能正常运行，基本就是语言版本没对上——不是语法错了，是 IDE 没认出你写的 ES6+ 代码。
JavaScript language version 设置不生效
这个设置只在项目级起作用，改完后已打开的文件不会自动刷新校验结果。常见现象是：Settings 里选了 ES2021，但 Array.from 还是报“Unresolved variable”。
- 必须手动触发重载：按
Ctrl + Shift + O（Windows/Linux）或Cmd + Shift + O（macOS），或者关闭再重新打开文件 - 如果项目根目录下存在
jsconfig.json或tsconfig.json，WebStorm 会优先读取其中的"target"和"lib"字段，此时 Settings 里的版本选择完全被忽略 - 检查
jsconfig.json是否真在项目根目录（不是子目录），且 Git 没把它 ignore 掉；否则 WebStorm 根本看不到它
ES6+ 语法通过但内置 API 仍报红
语言版本控制语法解析，不负责全局对象和方法的类型定义。比如设了 ES2021，Promise.allSettled 还是标红，是因为 WebStorm 不知道这个 API 存在。
- 进
Settings → Languages & Frameworks → JavaScript → Libraries - 点
Download，选中对应版本的 ECMAScript 库（如ECMAScript 2021），点击Download and Install - 安装完后，确保下方列表里勾选了刚下载的库；没勾选 = 没启用
- Node.js 环境还需额外加
Node.js Core库，否则fs.readFile、process.env一样报错
Vue / TypeScript 项目里 script setup 块不识别新语法
WebStorm 默认可能把 <script setup></script> 当作普通 JS 解析，导致顶层绑定（如 const count = ref(0)）无法参与作用域推导，count 在 template 里用就报“Unresolved variable”。
- 确认
Settings → Languages & Frameworks → JavaScript中 language version ≥ES2021（Vue 3 推荐ES2022） - 在 .vue 文件中，右键点击
<script setup></script>标签 →Override file type→ 选Vue SFC Script（不是 JavaScript 或 TypeScript） - 如果用了 TS，确保
<script setup lang="ts"></script>的lang属性拼写正确且存在；漏掉或写成lang="typescript"都会导致类型服务失效
多人协作时只有你的 WebStorm 满屏红
同事不报错，你全红，大概率是配置文件没被 WebStorm 检测到，而不是你本地环境有问题。
- 检查项目根目录是否存在
jsconfig.json（前端）或tsconfig.json（TS/JS 混合） - 进
Settings → Languages & Frameworks → JavaScript，看右上角是否显示Config file detected: jsconfig.json；没显示就点旁边的刷新按钮，或重启 WebStorm - 若配置文件存在但未生效，可能是汉化包重置了检测逻辑，或
.idea/misc.xml里禁用了自动配置发现功能 - 临时验证方式：删掉
jsconfig.json，看 WebStorm 是否立刻开始用 Settings 里的版本；恢复后再检查路径和权限
最常被忽略的是：语言版本设置和类型库下载是两件事，改完 version 不装对应 ECMAScript 库，API 调用照样报红；而一旦项目里有 jsconfig.json，Settings 页面的下拉框就只是个摆设——得去 JSON 文件里调 target 和 lib。
