Где я могу найти .eslintrc в CRA?

Когда используешь 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.

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.

Другие вопросы по тегам