PhpStorm for React给我一个红色下划线

Question

我正在使用PhpStorm 2018.1，并对基于ReactJS的项目进行编码。红色的底线让我有些恼火，尽管它不是，但似乎说我的代码是错误的。

我遵循了该论坛提供的答案：

1. WebStorm/PhpStorm warning for react attributes in jsx like className
2. PHPStorm JSX/React syntax highlighting

但是红色的下划线仍然出现。

我安装了一些用于JavaScript和ES6调试的插件

问题是我还没有安装另一个PhpStorm插件吗？

Answer 1

这些错误是由JShint linter报告的，而不是PhpStorm本身报告的。 您必须告诉JSHint您正在使用ES2015语法。这可以通过添加

来完成

/*jshint esversion: 6 */

评论文件（http://jshint.com/docs/options/#esversion），或通过指定

{
  "esversion": 6
}

在.jshintrc文件中。如果没有自己的配置文件，则可以在“设置” |“设置”中的“ 松弛”选项中启用 EcmaScript.next 。语言和框架| JavaScript |代码质量工具| JSHint

如果您不是要使用JSHint来整理React应用程序（我想说这是一个过时的工具，并且不适用于JSX + ES6），只需取消选中即可将其禁用在设置|中启用语言和框架| JavaScript |代码质量工具| JSHint