我在哪里可以找到 CRA 中的 .eslintrc？

Question

当使用 npx create-react-app appname 时，安装的 react-scripts 包包含一个 eslint 依赖项 "a minimal set of rules that find common mistakes." 我想使用 prettier 和 eslint 但我找不到相关信息，如果有的话，eslint 插件也作为 CRA 的一部分安装，或者找到基本 ESLint 配置的位置以查看包含的内容。如果需要，我会扩展基本的 ESLint 配置，但 CRA 文档说它是实验性的，所以我想尽可能避免它。

编辑：更详细的信息

在没有手动安装 ESLint 作为依赖项的情况下，我得到（有点像预期的）所有插件和配置依赖项的 missing peer dependency 错误。

将 ESLint 作为依赖项安装后，出现 CRA 错误：

    > react-scripts start


There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

  "eslint": "^6.6.0"

Don't try to install it manually: your package manager does it automatically.
However, a different version of eslint was detected higher up in the tree:

  ~\client\node_modules\eslint (version: 7.2.0)

Manually installing incompatible versions is known to cause hard-to-debug issues.

Answer 1

Package.json 在您的 CRA 应用程序中包含此

"eslintConfig": {
  "extends": "react-app"
},

您应该能够创建一个 .eslintrc 文件，然后系统会取而代之。

可以在 https://github.com/facebook/create-react-app/tree/master/packages/eslint-config-react-app

找到配置

它使用这些插件

['import', 'flowtype', 'jsx-a11y', 'react', 'react-hooks'].

个人认为您最好使用 Airbnb eslint 规则，或者如果您想要更全面的结帐方式 eslint-config-auto

我在哪里可以找到 CRA 中的 .eslintrc？

Where can I find .eslintrc in CRA?

reactjs

eslint

create-react-app

prettier

prettier-eslint