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

问题描述

上下文

过去，您必须在 EXTEND_ESLINT 文件中将 true 标志设置为 .env，然后将其添加到您的 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"
    ]
  },// even though my config already extends that
      ".eslintrc.json"
    ]
  },

// package.json

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

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

问题

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）