创建 React App - 控制台 lint 警告与 eslintrc 不匹配

Question

我有一个奇怪的问题，我在其他地方没有看到任何提及。

默认情况下，在运行yarn start和 Chrome 控制台时，创建 React App 似乎会在终端中记录 lint 警告。 都好。 有道理，我已经看到有关此功能是否应该存在以及它应该如何工作的讨论。

我的问题是这些警告似乎根本不符合我的.eslintrc设置！

就像，如果我运行yarn lint ，它使用我的设置运行eslint ，当我启动我的应用程序时，我看不到控制台和终端中显示的任何警告。

例如，我在.eslintrc文件中关闭了此规则：

"radix": 0,

因此，当我运行yarn lint时没有radix警告。

（只是为了回应下面的答案。我已经为这个特定规则尝试了多种选择，包括“按需”。但我想完全关闭规则，我显然已经完成了，因为运行yarn lint根本没有显示与radix相关的错误）。

但是当我启动应用程序时，我在控制台的黄色警告框中看到了这一点：

有人知道为什么我的.eslintrc文件在这里被忽略，以及如何让这些警告代表我设置的规则？

Answer 1

根据文档，您应该通过"always"或"as-needed" 。 后者应该禁用这些警告。

...
"radix": "as-needed",
...

编辑：根据此来源，您必须弹出create-react-app才能编辑 ESLint 设置。

Answer 2

可以将EXTEND_ESLINT标志添加到 .env 文件中。

当设置为 true 时，eslint-loader 将使用扩展 eslint-config-react-app 的 ESLint 配置。 任何设置为“错误”的规则都将阻止应用程序构建。

来源： https : //create-react-app.dev/docs/advanced-configuration

您的 eslint 配置可以命名为.eslintrc.json并放在项目的根文件夹中。 其内容应如下所示（注意 extends 字段）：

{
  "extends": "react-app", //this extends statement is required
  "rules": {
    "radix": "as-needed"
  }
}

放置在根目录中的.env文件应该有以下几行：

EXTEND_ESLINT=true