（ESLint）找不到规则'react / jsx-sort-prop-types'的定义

Question

我刚刚更新了VS 2017（版本15.8.2）。现在，当我打开 any .js文件时，在文件的第一行上看到一条红色的波浪线...这是警告消息：

  

找不到规则'react / jsx-sort-prop-types'的定义

当我将鼠标悬停在波浪线上方时：

我不确定为什么突然出现这么多.js错误？

Answer 1

在VS 2017中，默认情况下启用了

ESLint（这是一个JS代码分析器）-从version 15.8：

  

ESLint支持：：此版本中重新实现了ESLint支持。   因此，Visual Studio现在将在您编辑时整理JavaScript文件。 ESLint   已默认更新为使用ESLint 4，但如果您的项目有一个   在本地安装ESLint，它将使用该版本。您   可以通过取消选中“启用”来轻松地在VS中全局禁用ESLint   显示在“工具/选项”对话框中的“ ESLint”设置   在下面。

如果要使用ESLint编码准则，那么您要做的就是重置全局.eslintrc文件。在VS中：

工具>选项>文本编辑器> JavaScript / TypeScript> Linting

然后单击重置全局.eslintrc 按钮：

重置.eslintrc将修复您的设置文件（它会导入react插件）

请注意，VS随附的默认插件为react plugin，这并不意味着您正在使用 react.js ，但这意味着您正在使用使用反应编码指南。

还请注意，上述步骤将react插件导入设置，并正确设置了ESLint，但您可能仍然会遇到很多.js样式错误，，因为您可能尚未遵循react编码指南或您所包含的某些.js库不遵循该指南（如果未在VS中打开.js文件，则打开几个.js文件并重新编译< / strong>以获取棉绒错误）。

作为示例，我在jquery.validate.js上遇到了一些样式错误。您可能不想更改jquery.validate.js代码，有关如何配置ESLint以忽略某些.js文件的信息，请参见this question。

---

如果您不想对项目进行所有修改，可以禁用ESLint，如上图所示。

如果您要使用其他插件，则这是预定义插件的full list。

Answer 2

这仅表示ESLint与.eslintrc文件中找到的配置不匹配。

单击“重置全局.eslintrc”按钮将对其进行修复。它将重置您的.eslintrc文件，使其与VS上安装的ESLint所需的配置相匹配。