ESLint z konfiguracją Arbnb i Facebook Flow razem

Question

Korzystam z ESLint w projekcie i chcę korzystać z przepływu na Facebooku, ale otrzymuję ostrzeżenia od ESLint dotyczące adnotacji typu przepływu.

Mam .flowconfig i .eslintrc w katalogu głównym projektu.

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

Co należy zrobić, aby to działało? Czy istnieje sposób na uruchomienie przepływu w zadaniu oglądania razem za pomocą pakietu internetowego?

Answer 1

flow-vars jest przestarzała!

ten jest obecny właściwy sposób na uzyskanie przepływu działa z Airbnb'S (z eslint-plugin-flowtype):

zakłada to masz już flow zainstalowany.

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

.eslintrc

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

Chcesz custom configuration zamiast?

Answer 2

Dla mnie problem został rozwiązany przez dodanie "parser": "babel-eslint" do mojego .eslintrc.

(Najpierw jednak musiałem uruchomić 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 
    } 
}