WebStorm 自动完成对 React js 不起作用

IT技术 reactjs phpstorm webstorm
2021-05-17 13:56:28

我创建了一个使用create-react-app. 我已将我的 JavaScript 语言版本切换到React JSXin Preferences| Languages & Frameworks| JavaScript. 但是我仍然有未解决的变量警告和未解决的函数警告。

4个回答

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

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

通常您不需要重新启动 IDE,更改将立即生效。 快乐编码!

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

参考:blog.jetbrains

在 WebStorm 上,打开Preferences,展开Languages & Frameworks,然后展开JavaScript,单击Libraries单击Add按钮并将react添加到库列表。
重新启动 WebStorm。

或者

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

另外,作为参考,根据https://youtrack.jetbrains.com/issue/WEB-24780#comment=27-2681125可以完全在 IntelliJ 中解决它,而不是npm手动运行命令。

您可以搜索自动完成所需的所有包。