IntelliJ IDEA Ultimate 2017.1中React代码补全失效问题求助

针对你遇到的React代码补全不工作的情况，结合IDEA 2017.1这个旧版本的特性，我整理了几个实用的排查和解决步骤，你可以逐一尝试：

• 先确认IDEA正确关联了你的npm项目
  旧版本的IDEA有时候不会自动识别npm依赖，你可以：

  1. 右键项目根目录的package.json文件，选择Add as npm Project
  2. 打开右侧的npm工具窗口（如果看不到就去View > Tool Windows > npm调出），看看里面是否能列出react和@types/react这两个依赖——如果能看到，说明IDEA已经识别了你的依赖包

• 手动添加React库到JavaScript Libraries（之前没找到的话换个方式）
  你之前尝试添加React库没找到，可能是旧版本的库列表没有同步，试试手动添加本地包或者下载：

  1. 打开Preferences | Languages & Frameworks | JavaScript | Libraries
  2. 点击右上角的+，如果选Download...，在搜索框里输入React，找到官方的React库下载添加；如果下载失败，就选Attach Files...，直接选中你项目node_modules/react目录下的react.development.js（或者react.js）文件添加进去
  3. 添加完成后，确保这个库被应用到你的当前项目（在库列表里勾选项目名称）

• 检查JavaScript语言级别设置
  React大量使用ES6+特性，旧版本IDEA默认可能没开启支持：

  1. 打开Preferences | Languages & Frameworks | JavaScript
  2. 把JavaScript language version改成ECMAScript 6+（如果有更高版本也可以选）

• 让IDEA识别TypeScript类型定义
  你已经装了@types/react，得确保IDEA能用上它：

  1. 打开Preferences | Languages & Frameworks | TypeScript
  2. 勾选Enable TypeScript compiler，然后在TypeScript version里选择项目本地的node_modules/typescript（如果你的项目装了TypeScript的话），如果没装，至少选一个支持类型定义的版本

• 清除缓存重启IDEA
  缓存问题在旧版本IDEA里挺常见的，直接：
  点击File | Invalidate Caches / Restart，选择Invalidate and Restart，等IDEA重启后再测试代码补全

• 检查文件类型关联
  确保.jsx/.tsx文件被正确识别为React文件：

  1. 打开Preferences | Editor | File Types
  2. 找到JavaScript React（或TypeScript React），确认.jsx、.tsx已经在关联扩展名列表里，如果没有就手动添加

如果以上方法都试过还是不行，可能是2017.1版本对新版本React的支持有限——毕竟这个版本已经比较老了，若条件允许，升级到更高版本的IDEA（比如2020及以后）会获得更好的React生态支持。

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