ESLint con Arbnb config e Facebook Flow insieme

Question

Sto usando ESLint in un progetto e voglio usare anche il flusso di Facebook, ma ricevo avvertimenti da ESLint sulle annotazioni del tipo di flusso.

I .flowconfig e .eslintrc nella radice del progetto.

.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 
    } 
} 

cosa devo fare per farlo funzionare? C'è un modo per eseguire il flusso nel compito di sorveglianza insieme usando il webpack?

Answer 1

flow-vars è deprecato!

Questo è il modo corretto di ottenere corrente di flusso in esecuzione con Airbnb di (con eslint-plugin-flowtype):

Questo presuppone che si dispone già di flow installato.

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

.eslintrc

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

Vuoi custom configuration invece?

Answer 2

Per me, il problema è stato risolto aggiungendo "parser": "babel-eslint" al mio .eslintrc.

(Per prima cosa dovevo eseguire 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 
    } 
}