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

Question

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

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

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

我不能像文档解决方案一样添加新的.eslintrc.js ，使用旧的，或在package.json文件中配置 lint - 所有返回完成问题。

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

如何扩展或编辑 ESLint？

Answer 1

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

例如：

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