嘗試在 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

但是，當我嘗試在自己的項目中執行此操作時，我只會收到此錯誤（錯誤圖像）

錯誤

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 使用指南

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

就像@jonrsharpe 所說， shared-config只是一個不能按字面意思使用的示例，文檔試圖解釋您可以使用共享配置。

例如，如果您添加一個帶有shared-config規則集的 ESLint 插件，那么您可以按照示例所示使用它。

ESLint 中插件和擴展的區別

EXTEND_ESLINT標志在 react-scripts v4 中被移除