(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中启用 - 从版本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插件,这并不意味着您使用的是react.js,但这意味着您正在使用反应编码指南.

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

作为一个例子,我得到了一些样式错误jquery.validate.js.您可能不想更改jquery.validate.js代码,请参阅有关如何配置ESLint以忽略某些.js文件的此问题.

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

如果您想使用其他插件,这是预定义插件的完整列表.

Answer 2

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

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