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

Posted 2023-02-22

【中文标题】我在哪里可以找到 CRA 中的 .eslintrc？

【英文标题】：Where can I find .eslintrc in CRA?

【发布时间】：2020-09-30 18:40:11

【问题描述】：

使用npx create-react-app appname 时，安装的react-scripts 包包含一个带有“发现常见错误的最小规则集”的eslint 依赖项。我想使用 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.

【问题讨论】：

如果它存在，它将在项目的根目录中。它有时也被命名为.eslintrc.json。如果它不存在，您可以简单地使用该名称创建一个新的空文件并按照任何设置/配置说明进行操作。

将 .eslintrc.json 添加到根目录不会影响“在引擎盖下”完成的 linting 会吗？它只是编辑器集成，不会取代 CRA 包含的任何 linting 规则？如果是这样就太好了，我只是想检查一下。

如果你安装了eslint和相关插件，你可以在你的项目根目录下定义eslintrc文件。

【参考方案1】：

您的 CRA 应用中的 Package.json 包含此内容

"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