关闭 ESLint 规则（在 React 应用程序中，使用 WebStorm）

Question

我正在使用标准 React 设置在 WebStorm 中编写 React 应用程序。 我以前从未明确设置任何 linting，因此显示的任何错误/警告消息都来自某种默认配置。 当我运行npm start我收到以下警告：

Compiled with warnings.

Warning in ./path/to/MyComponent.js

/my/complete/path/to/MyComponent.js
  19:49  warning  Unexpected whitespace before property bind  no-whitespace-before-property
...
You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

最后两行明确表明警告来自 ESLint（而不是 JSHint 或一些自定义 React linting 等）。

我想保持 ESLint 运行，即我不只是想全局禁用所有 linting。 但是，我想在任何地方都关闭“属性前无空格”警告，而不仅仅是在一行或一个文件中。 我怎么做？

我的package.json为npm start显示了以下内容（这是我在出现警告时运行的内容）：

"scripts": {
  "start": "react-scripts start",
  ...
}

我正在 WebStorm 中开发。 ESLint 首选项面板的“启用”复选框未选中，因此 IDE 中的所有 ESLint 配置选项都是灰色的并且可能无关紧要，因此可能 ESLint 的配置和调用也发生在其他地方（例如内置于 React 中？）。

我尝试将以下.eslintrc.json文件放入我的项目主目录中：

{
  "rules": {
    "no-whitespace-before-property": "off"
  }
}

单独以及"extends": "eslint:recommended" 。

我尝试将以下内容添加到我的项目的package.json文件中：

{
  ...
  "eslintConfig": {
    "rules": {
      "no-whitespace-before-property": "off"
    }
  }
}

我也试过将值设置为0而不是"off" 。

我正在编写 React 应用程序可能相关也可能不相关，我在 WebStorm 中开发可能相关也可能不相关，但我包括这些事实以防万一。

我已经在 StackOverflow 上检查过，但找不到答案。

Answer 1

错误下方的注释不是来自 ESLint（错误是）。 所以我假设你正在使用某种包装器，比如 github.com/facebookincubator/create-react-app 这些包装器不使用 .eslintrc 文件并且不能直接配置。 您必须通读包装器的文档才能弄清楚如何禁用此规则。

一般来说，像 create-react-app、standard、xo 等 ESLint 包装器专门设计为“正常工作”，因此删除了配置和微调样式/规则的能力。