如何在 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"
        }
      }
    ]
  },