ESLint с конфигурацией Arbnb и потоком Facebook вместе

Я использую ESLint в проекте и хочу использовать поток Facebook, но я получаю предупреждения от ESLint по аннотациям потока.

У меня есть .flowconfig и .eslintrc в корне проекта.

.eslintrc:

// When you write javascript you should follow these soft rules and best practices
// https://github.com/airbnb/javascript

// This is a link to best practices and enforcer settings for eslint
// https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb

// Use this file as a starting point for your project .eslintrc.
{
  "extends": "airbnb",

  "plugins": [
    "flow-vars"
  ],
  "rules": {
    "flow-vars/define-flow-type": 1,
    "flow-vars/use-flow-type": 1
  }
}

Что мне делать, чтобы заставить его работать? Есть ли способ запустить поток в задаче просмотра вместе с помощью webpack?

Ответы

Ответ 1

flow-vars устарел!

Это текущий правильный способ запуска потока с Airbnb (eslint-plugin-flowtype):

Предполагается, что у вас уже установлен flow.

npm install --save-dev eslint babel-eslint eslint-plugin-flowtype

.eslintrc

{
  "extends": [
    "airbnb",
    "plugin:flowtype/recommended"
  ],
  "parser": "babel-eslint",
  "plugins": [
    "flowtype"
  ]
}

Хотите пользовательскую конфигурацию вместо этого?

Ответ 2

Для меня проблема была решена путем добавления "parser": "babel-eslint" к моему .eslintrc.

(сначала мне нужно было запустить npm install babel-eslint --save-dev).

{
  "extends": "airbnb",
  "parser": "babel-eslint", // <--
  "plugins": [
    "flow-vars"
  ],
  "rules": {
    "flow-vars/define-flow-type": 1,
    "flow-vars/use-flow-type": 1
  }
}