Как убрать предупреждение eslint(airbnb), unexpected token = ?

Вопрос-ответ Остальное
1

eslint airbnb unexpected token arrow functions


Приложение работает на ‘create react app’.
package,json:
“eslintConfig”: { “extends”: “react-app” }

.selintrc:
{
“env”: { “browser”: true, “node”: true, “es6”: true },
“extends”: “airbnb”, “rules”: { “react/jsx-filename-extension”: [1, { “extensions”: [".js", “.jsx”] }] }
}
Всё, что находил в гугл не помогло решать проблему.
версии зависимостей:


2

Версия eslint какая? У меня запустилась валидация с версией "eslint": "^5.3.0"

3

5.5.0
Не выходит её убрать(

4

А TSlint не лучше пользоваться или это другое?

5

Это линтер тоже, но как понял более новый.
С ним не работал.
Проект на котором работаю, достаточно большой нет желания всё править под новый линтер.

6

Они немного про разные вещи. eslint расширяем за счет установки новых правил. tslint работает с тайпскриптом. jshint статический набор правил для джаваскрипта.

7

Я почему про версию пишу, что в https://www.npmjs.com/package/eslint-config-airbnb говорят что нужно установить соответствующие версии peerDependencies. npx install-peerdeps --dev eslint-config-airbnb.

Можешь сделать архив с конфигурационными файлами и проблемным файлом? Чтобы можно было запустить локально.

8

Потратил еще 3 часа так и не решил проблему, вот архив(ничего лишнего)
https://fex.net/153411437453
npm i
npm start
Спасибо!

9

esLintError____Downloads_esLintError__-____package_json__esLintError
esLintError____Downloads_esLintError__-_____package_json__esLintError_.png2208×1516 359 KB

У меня какая-то другая ошибка, не как твоя. У тебя какой версии nodejs и npm?

10

node -v 8.11.3
npm -v 5.6.0
у меня в двух файлах описаны настройки eslinta http://prntscr.com/ktff53
Ошибка когда пишу в class es6+ state:
http://prntscr.com/ktfwnn

11

Синтаксис, который используется для описания свойства класса,

class C {
    state = {
         ppp: true
    }
}

Требует babel трансформации. https://babeljs.io/docs/en/babel-plugin-transform-class-properties/, а сам eslint требует плагина чтобы интегрироваться с babel - https://github.com/babel/babel-eslint и https://github.com/babel/eslint-plugin-babel. У меня сейчас нет времени проверить догадку, но думаю что если поставить эти три штуки, то eslint начнет понимать синтаксис свойств класса

12

Добавление "parser": "babel-eslint" в eslintrc убирает ошибку парсинга.

Решение в целом. Потому что до того как я добавил .eslintrc и имел конфигурацию только в package.json я получал 1 список ошибок. Как только добавил конфигурацию как в твоем проекте и исправил ошибку парсинга, начал получать другой набор ошибок.

13

Дима, спасибо, что только не пробовал так сам и не смог убрать ошибку.
Спасибо тебе!