如何修复或摆脱 ASP.NET Razor 应用程序中的 ESLint 定义要求？

Question

我刚刚将 ASP.NET Core 2.0 Razor 应用程序升级到 2.1 以获得 EF Core 2.1 的新功能。这是我在 ASP.NET 中的第一个主要项目，来自 WinForms 和 PHP 背景。

我正在尝试通过并清除错误列表，但我遇到了 ESLint 错误，而且我以前从未使用过 ESLint，所以我不知道从哪里开始。谷歌在这个问题上也没有太大帮助。

这是警告：

Warning react/jsx-sort-prop-types   (ESLint) Definition for rule 'react/jsx-sort-prop-types' was not found

Warning react/wrap-multilines   (ESLint) Definition for rule 'react/wrap-multilines' was not found

Warning react/require-extension (ESLint) Definition for rule 'react/require-extension' was not found

我什至不知道这些是什么意思，谷歌搜索它们并没有启发我，而且它们似乎没有指向特定的代码行。

这些警告到底想告诉我什么？

Answer 1

如果您正在使用 ESLint，并且不想将代码添加到所有文件中，那么您可以在 ESLint 配置文件中禁用这三个规则。实际上有两种方法可以做到这一点。很长的路是找到配置文件，在 c:\Users{username}.eslintrc 可以用文本编辑器打开它，找到规则并将值设置为 0（零），这意味着禁用。例如："react/jsx-sort-prop-types": 0,更短的方法是转到工具/选项/文本编辑器/'JavaScript/TypeScript'/Linting/General。该页面上有一个按钮“重置全局 .eslintrc”。如果单击该按钮，您将获得一个更新版本的 .eslintrc 配置文件，其中根本没有这些规则，假设您拥有最新版本的 Visual Studio。无论您使用哪种方法，都需要重新启动 Visual Studio，然后错误就会消失。我认为问题的出现是因为您（和我）拥有此文件 (.eslintrc) 的旧版本，其规则不受支持或不再适用于 ESLint for Visual Studio 附带的 React 插件。我在没有安装 npm 模块并且绝对没有 React 的项目中遇到了这些错误。我认为升级到 Visual Studio 可能不会覆盖这个文件，以防你改变它。也可以将 .eslintrc 文件放入项目文件夹中，它将覆盖默认位置的设置。因此，对于您在多台机器上看到此问题的企业项目，您只需签入修复它的 .eslintrc 即可。但是，如果您在新机器上进行 Visual Studio 的全新安装，我认为您不会看到问题，所以我不确定是否有必要这样做。我使用 Visual Studio 2017 15.8.1 对此进行了测试。ESLint在 15.8 中得到了相当大的升级。

Answer 2

如果您想继续使用 EsLint（这很好），您可以在 .js 文件的开头禁用和重新启用 EsLint 以避免这些警告，并且仍然可以对文件的其余部分进行 EsLint 检查：/* 禁用 eslint *//* 启用 eslint */对于您无法控制的文件，例如 jquery.js、bootstrap.js 等，您可以在文件开头使用此行完全禁用：/* 禁用 eslint */您只需要记住在更新它们后再次添加此行。

Answer 3

如果你没有使用 ESLint，而你使用的是 Visual Studio，你可以去：工具 -> 选项 -> 文本编辑器 -> JavaScript/TypeScript -> Linting -> 常规。从那里您可以取消选中“启用 ESLint”复选框，然后检查该工具的全局配置文件。我正在使用 Visual Studio 2017 (15.8.4) 来查找此菜单。