12

使用时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.
4

1 回答 1

11

您的 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

于 2020-06-17T16:17:51.813 回答