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

Question

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

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

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

我不知道为什么我突然得到这么多.js错误？

Answer 1

ESLint（这是一个JS代码分析器）在VS 2017中默认启用 - 来自version 15.8：

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

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

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

然后单击Reset global .eslintrc按钮：

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

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

还要注意，上面的步骤导入反应插件到设置，并正确设置ESLint，但你可能仍会得到很多.js样式错误，因为你可能没有遵循反应编码指南或一些.js您包含的库不遵循指南（如果.js文件未在VS中打开，则可能不会出现linting错误，打开几个.js文件并重新编译以获取linting错误）。

举个例子，我在jquery.validate.js上遇到了一些样式错误。您可能不想更改jquery.validate.js代码，请参阅this question，了解如何配置ESLint以忽略某些.js文件。

---

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

如果你想使用不同的插件，这是预定义插件的full list。

Answer 2

这只是意味着ESLint与.eslintrc文件中的配置不匹配。

单击“重置全局.eslintrc”按钮将修复它。它将重置.eslintrc文件以匹配VS上安装的ESLint所需的配置。