WebStorm自动完成不适用于React js

Mih*_*kii 9 phpstorm webstorm reactjs

我用了创建了一个项目create-react-app.我转我的JavaScript语言版本React JSXPreferences| Languages & Frameworks| JavaScript.但我仍然有未解决的变量警告和未解决的功能警告.

Ben*_*der 11

在开发任何(不仅仅是反应)应用程序时实现正确代码完成的最简单方法是通过IDE本身添加对所需类型脚本库的支持.假设您使用JetBrains IDE进行Web开发(可能不是WebStorm而是IntelliJ IDEA):

  • 转到设置(Ctrl + Alt + S) - >语言和框架
  • 扩展JavaScript
  • 选择图书馆,你会看到这样的东西 webstorm js库设置
  • 点击下载...
  • 搜索您需要的任何库(您可以在libs列表中开始键入lib名称),然后单击"下载并安装" 下载并安装TS库
  • 当使用反应时,我建议添加:反应; 反应-DOM; 本机反应(如果您对移动设备感兴趣)
  • 完成后单击"应用" 添加了TS库

通常您不需要重新启动IDE,更改将立即应用. 快乐的编码!


ayd*_*gur 9

为了增强代码完成,我们建议您为React添加TypeScript定义文件 npm install --save @types/react

ref:blog.jetbrains

  • 此外,您可能还需要`npm install --save-dev @ types/react-dom` (2认同)

Joh*_*edy 5

在WebStorm上,打开Preferences,展开Languages & Frameworks,然后展开JavaScript,单击Libraries.单击Add按钮并添加对库列表的反应.
重启WebStorm.

要么

您这样做:
您可以为React添加TypeScript定义 npm install --save @types/react