尝试在create-react-app项目中扩展ESLint的问题

Question

Create-react-app允许您扩展create-react-app随附的ESLint配置：

https://create-react-app.dev/docs/setting-up-your-editor#experimental-extending-the-eslint-config

但是，当我尝试在自己的项目中执行此操作时，我只会收到此错误 （Image of error）

错误

Error: Cannot find module 'eslint-config-shared-config'

命令运行

eslint --ignore-path .gitignore --ext .js,.ts,.tsx .

.eslintrc

{
  "extends": ["react-app", "shared-config"],
  "rules": {
    "additional-rule": "warn"
  },
  "overrides": [
    {
      "files": ["**/*.ts?(x)"],
      "rules": {
        "additional-typescript-only-rule": "warn"
      }
    }
  ]
}

Answer 1

设置要构建的基本 ESLint 配置文件的安全方法是遵循 ESLint usage guide

$ npx eslint --init
# or
$ yarn run eslint --init

就像@jonrsharpe 所说，shared-config 只是一个不能按字面使用的例子，文档试图解释你可以使用共享配置。

例如，如果您添加一个带有 shared-config 规则集的 ESLint 插件，那么您可以按照示例所示使用它。

<块引用>

Difference between plugins and extends in ESLint

<块引用>

EXTEND_ESLINT flag was removed in react-scripts v4