创建 React App 4 在编译过程中不应用自定义 eslint 配置

Question

上下文

过去你必须在.env 文件中将EXTEND_ESLINT 标志设置为true，然后将其添加到package.json

// package.json

"eslintConfig": {
    "extends": [
      "react-app",
      "./.eslintrc.json"
    ]
  },

由于 CRA4 可以 extend 编译过程中使用的基本 eslint 配置，而无需启用任何标志，因为显然它是 enabled by default

我的.eslintrc.json 文件是这个

// .eslintrc.json

{
  "extends": [
    "react-app",
    "plugin:jest-dom/recommended",
    "prettier",
    "plugin:@typescript-eslint/eslint-recommended"
  ],
  "plugins": ["jest-dom", "@emotion", "@typescript-eslint"],
  "rules": {
    "no-unused-vars": "off",
    "no-console": "warn"
  },
  "overrides": [
    // TS only rules
    {
      "files": ["**/*.ts?(x)"],
      "rules": {
        "@typescript-eslint/no-unused-vars": "error",
        "@typescript-eslint/no-explicit-any": "error"
      }
    }
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 2018,
    "sourceType": "module"
  }
}

我的package.json是这个

// package.json

"eslintConfig": {
    "extends": [
      "./.eslintrc.json"
    ]
  },

运行eslint src --fix-dry-run --ext .tsx,.ts,.js,.jsx 给我✖ 30 problems (2 errors, 28 warnings)

问题

据我了解，当 CRA 编译代码时应该会出现相同的错误，因为据说扩展了 eslint 配置。但是，我的项目构建得很好，根本没有任何警告。

我尝试过的事情

// package.json

"eslintConfig": {
    "extends": [
      ".eslintrc.json"
    ]
  },

// package.json

"eslintConfig": {
    "extends": [
      "react-app", // even though my config already extends that
      "./.eslintrc.json"
    ]
  },

// package.json

"eslintConfig": {
    "extends": [
      "react-app", // even though my config already extends that
      ".eslintrc.json"
    ]
  },

// package.json

"eslintConfig": {
    //move my whole eslint configuration here and remove the .eslintrc.json file
  },

Nothing 似乎实际上扩展 CRA 在编译时使用的 eslint 配置。

问题

我在这里做错了什么，还是这看起来像是 CRA 的问题？

Answer 1

如果项目文件夹中有.eslintcache 文件，请尝试将其删除并重新构建。

可以使用node --inspect-brk node_modules/react-scripts/scripts/build 调试整个构建，并使用 chrome://inspect 设置断点来跟踪 ESLint 行为不同的原因，或者从模板创建一个新项目以确定导致行为改变的原因.