如何让PhpStorm支持JavaScript可选链(?.)与空值合并(??)运算符

我之前也踩过这个坑！明明代码跑起来完全正常，但IDE一直标红提示“表达式预期”，其实就是PhpStorm的JavaScript版本配置没跟上ES2020的特性。跟着下面的步骤调整就能搞定：

• 打开PhpStorm的设置面板：Windows/Linux按Ctrl+Alt+S，Mac按Cmd+,，或者通过菜单栏File > Settings进入
• 找到Languages & Frameworks > JavaScript选项
• 在JavaScript language version下拉菜单里，选择ECMAScript 2020（或者更高版本比如ECMAScript Latest）——因为可选链(?.)和空值合并(??)都是ES2020新增的核心特性
• 如果是纯React Native项目，还可以额外确认React Native支持是否开启：在设置里找到Languages & Frameworks > React Native，勾选Enable React Native support
• 最后一步别忘：点击File > Invalidate Caches...，选择Invalidate and Restart，让IDE重新加载配置和缓存，确保修改生效

补充个小细节：如果你的项目用了自定义Babel配置，确认@babel/plugin-proposal-optional-chaining和@babel/plugin-proposal-nullish-coalescing-operator这两个插件已经包含在babel.config.js里（不过React Native的默认Babel preset已经自带这些，一般不用额外添加）。

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