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

PhpStorm for React gives me a red underline

我正在使用 PhpStorm 2018.1,并编写基于 ReactJS 的项目。我对红色下划线感到有点恼火,它似乎在说我的代码是错误的,即使它不是。

我遵循了这个论坛给出的答案:

  1. PHPStorm JSX/React syntax highlighting

但这条红色下划线仍然出现。

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

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

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

来完成
/*jshint esversion: 6 */

评论您的文件 (http://jshint.com/docs/options/#esversion),或通过指定


{
  "esversion": 6
}

.jshintrc 文件中。如果您没有自己的配置文件,可以在设置中的放松选项中启用EcmaScript.next |语言与框架 | JavaScript |代码质量工具 | JSHint

如果您不想使用 JSHint 对您的 React 应用程序进行 linting(我会说这个 linter 有点过时并且不适用于 JSX + ES6),只需取消选中 设置中启用 |语言与框架 | JavaScript |代码质量工具 | JSHint