WebStorm中缺失React JSX语言选项，代码报错如何解决？

启用React插件 #

• 打开WebStorm设置（快捷键Ctrl+Alt+S/Cmd+,），进入Plugins面板
• 在Marketplace搜索React，确认插件已安装并启用，未安装则点击安装后重启IDE

关联JSX/TSX文件类型 #

• 进入设置的Editor > File Types
• 找到JavaScript React选项，点击**+**添加你的文件后缀（如.jsx、.tsx），同时确认这些后缀没被关联到其他文件类型（比如普通JavaScript）
• 若找不到JavaScript React，先回到上一步确认React插件已正确安装

配置JavaScript版本 #

• 进入Languages & Frameworks > JavaScript
• 将JavaScript版本设为React JSX或ECMAScript 6+，勾选JSX harmony（若存在该选项）

清除缓存重启IDE #

• 点击菜单栏File > Invalidate Caches...，选择Invalidate and Restart，清除缓存后重启WebStorm

确认项目依赖 #

• 确保项目已安装React相关依赖，在项目根目录执行：

  npm install react react-dom
  # 或用yarn
  yarn add react react-dom
  

内容的提问来源于stack exchange，提问作者이승준