javascript - ESLint con Arbnb config y Facebook Flow juntos

reactjs flowtype

Question

Estoy usando ESLint en un proyecto y también quiero usar el flujo de Facebook, pero recibo advertencias de ESLint sobre las anotaciones de tipo de flujo.

Tengo .flowconfig y .eslintrc en la raíz del proyecto.

.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''s .eslintrc.
{
  "extends": "airbnb",

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

¿Qué debo hacer para que funcione? ¿Hay una manera de ejecutar el flujo en la tarea de reloj juntos usando webpack?

Answer 1

Para mí, el problema se resolvió agregando "parser": "babel-eslint" a mi .eslintrc .

(Aunque tuve que ejecutar npm install babel-eslint --save-dev primero).

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

Answer 2

flow-vars está en desuso!

Esta es la forma correcta actual de hacer que Flow funcione con Airbnb''s (con eslint-plugin-flowtype ):

Esto supone que ya tiene instalado el flow .

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

.eslintrc

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

¿Quieres configuración personalizada en su lugar?