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。但是，我想转向＆＃34; no-whitespace-before-property＆＃34;警告，无论是在一行还是在一个文件中。我该怎么做？

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

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

我正在开发WebStorm。 ESLint首选项面板具有＆＃34;启用＆＃34;复选框未选中，因此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包装器专门设计为“正常工作”，因此删除了配置和微调样式/规则的能力。

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

1 个答案: