为什么我的WebStorm的JavaScript选项中没有JSX选项？

问题背景 #

尝试重新安装WebStorm后问题仍未解决，对应环境信息如下：

• WebStorm版本：2021.2.1
• 设备：Macbook Pro M1
• 问题表现：新建文件选项中无JSX可选

修复步骤 #

1. 调整JavaScript语言版本 #

打开WebStorm偏好设置（快捷键 ⌘,），依次进入 Languages & Frameworks > JavaScript，将JavaScript语言版本选择为React JSX，点击应用保存。

2. 修正文件类型关联 #

• 在偏好设置中进入 Editor > File Types
• 在已识别文件类型列表中找到「JavaScript」，检查下方已注册的匹配规则中是否包含 *.jsx，缺失的话手动添加即可
• 如果之前错误将*.jsx后缀关联到了其他文件类型，在对应类型的匹配规则中删除*.jsx配置

3. 清除IDE缓存重启 #

点击顶部菜单栏 File > Invalidate Caches...，勾选清除文件系统缓存和本地历史选项后点击重启，等待IDE重新加载即可。

4. 手动添加JSX新建模板（可选） #

如果是新建文件模板缺失导致的无选项，可以手动添加模板：

• 进入偏好设置 Editor > File and Code Templates，点击加号新建模板
• 命名为JSX，扩展名填写jsx，模板内容参考如下：

import React from 'react';

const ${NAME} = () => {
  return (
    <div></div>
  );
};

export default ${NAME};

保存后新建文件菜单就会出现JSX选项。

提示：WebStorm 2021.2.1版本对M1芯片的适配存在部分已知兼容性问题，如果以上操作都无法解决，可以升级到2021.3及以上的稳定版本，覆盖安装即可保留原有配置，无需完全卸载。

内容的提问来源于stack exchange，提问作者王晨悦