关闭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 preferences面板中的“Enable”复选框未选中，因此IDE中的所有ESLint配置选项都是灰色的，并且可能是不相关的，因此ESLint的配置和调用也可能发生在其他地方（例如内置到React中？）。

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

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

单独和与一起“扩展”：“eslint:推荐的”。

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

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

我还尝试将该值设置为0而不是“off”。

Answer 1

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

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