ESLint "Błąd instalacji modułu" z eslint-config-airbnb

Question

Próbuję skonfigurować projekt React, który używa Webpack i ESLint z konfiguracją airbnb dla ESLint. Przy próbie uruchomienia projektu z serwerem WebPack dev, pojawia się następujący błąd:

"Module build failed: Error: /react-template/node_modules/eslint-config-airbnb/rules/react-a11y.js: ESLint configuration is invalid: - Unexpected top-level property "ecmaFeatures"."

ten korzysta eslint-config-Airbnb v 15.0.1.. Sprawdziłem plik react-a11y.js i potwierdziłem, że istnieje właściwość najwyższego poziomu "ecmaFeatures". Wiem, że od wersji ESLint 2.0.0 ecmaFeatures mają teraz być własnością parserOptions, ale nie jestem pewien, czy to dotyczy tylko pliku .eslintrc. Chciałbym użyć konfiguracji airbnb jeśli to możliwe, więc doceniam każdą pomoc. Oto mój plik .eslintrc w celach informacyjnych.

.eslintrc

{ 
    "parser": "babel-eslint", 
    "parserOptions": { 
    "ecmaVersion": 2016, 
    "sourceType": "module", 
    "ecmaFeatures": { 
     "jsx": true 
    } 
    }, 
    "env": { 
    "es6": true, 
    "browser": true, 
    "node": true, 
    "jest": true 
    }, 
    "extends": ["airbnb"] 
} 

Answer 1

I zdobione roztworu.

Musisz edytować react-a11y.js i react.js znajdujące się w ./node_modules/.bin/eslint-config-airbnb/rules/.

W react-a11y.js Usuń:

ecmaFeatures: { 
    jsx: true 
}, 

i zastąpić go:

parserOptions: { 
    ecmaFeatures: { 
    jsx: true, 
    }, 
}, 

W react.js prostu usunąć:

ecmaFeatures: { 
    jsx: true 
}, 

i powinno być dobrze iść.

Również patrzę teraz na repozytorium airbnb i wygląda na to, że naprawiono je prawie miesiąc temu, ale właśnie dzisiaj zainstalowałem ponownie eslint-config-airbnb, więc nie jestem pewien, co się tam stało.

Oto linki do react-a11y.js diff i react.js diff. Pokazują dokładnie to, czego potrzebujesz do dodania/usunięcia.

Answer 2

Ty JSON jest nieprawidłowy. Brakuje cytatów wokół pierwszego "parsera";

{ 
    "parser": "babel-eslint", 
    "parserOptions": { 
    "ecmaVersion": 2016, 
    "sourceType": "module", 
    "ecmaFeatures": { 
    "jsx": true 
} 
}, 
    "env": { 
    "es6": true, 
    "browser": true, 
    "node": true, 
    "jest": true 
}, 
"extends": ["airbnb"] 
} 

Answer 3

Globalny pakiet eslint został uaktualniony z wersji 3.19.0-1 do 4.0.0-1, gdy problem pojawił się u mnie.

eslint v4 is not yet supported in eslint-config-airbnb and eslint-config-airbnb-base

https://github.com/eslint/eslint/issues/8726#issuecomment-308367541