如何在 Create React App 中向 ESLint 添加规则答案

【问题标题】：how to add rules to ESLint in Create React App如何在 Create React App 中向 ESLint 添加规则
【发布时间】：2021-05-15 03:22:00
【问题描述】：

我无法在 Create React App 中添加规则或编辑 ESLint。

4.0 版之前。一切都好——我有 .eslintrc.js 文件和规则。我搬到了 4.0.2 并且 - 该应用程序停止编译。所以我删除了.eslintrc.js，然后完成了。好的。

但现在，我无法添加或编辑任何关于 ESLlint 的内容。

我无法添加新的 .eslintrc.js，使用旧的，或者像 documentation 解决方案一样在 package.json 文件中配置 lint - 全部返回完成问题。

尝试使用ESLINT_NO_DEV_ERRORS=true 添加 .env 文件，但仍然是同样的问题。

如何扩展或编辑 ESLint？

【问题讨论】：

stackoverflow.com/q/59633005/6928824 的副本，它也回答了问题，但提供了更多信息

标签： reactjs eslint

【解决方案1】：

一种解决方案是使用在 package.json 中编辑规则：

例如：

  "eslintConfig": {
    "extends": ["react-app"],
    "rules": {
      "no-unused-vars": "warn"
    },
    "overrides": [
      {
        "files": ["**/*.ts?(x)"],
        "rules": {
          "max-len": "warn"
        }
      }
    ]
  },

【讨论】：