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?