Почему ESLINT не хочет знать о спрэд операторе?

Question

[GaserV]

Всем привет! Такая беда. Юзаю eslint в react проекте. Он ни в какую не хочет принимать спред оператор.

eslint -v: 4.9.0

Пошуршав форумы нашел фикс, но он мне не помог:

.eslintrc:

"parser": "babel-eslint",
"ecmaFeatures": {
				"experimentalObjectRestSpread": true,
				"spread": true, 
                          ......

pckage.json:

"dependencies": {
    "babel-eslint": "^8.0.3",
    "babel-plugin-react-transform": "^3.0.0",
    "babel-plugin-syntax-object-rest-spread": "^6.13.0",
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    ....
}

Answer 1

[Антон Спирин]

"parser": "babel-eslint",
"parserOptions": {
   "ecmaFeatures": {
     "jsx": true
   }
 },

Comments

[GaserV]

"jsx": true - присутствует здесь.

[Антон Спирин]

GaserV, ошибка то какая?
Пресеты babel стоят? И прописаны ли они в .babelrc?
"presets": ["es2015", "stage-0", "react"]

[GaserV]

Антон Спирин, ошибка Unexpected token: Fatal

[GaserV]

Антон Спирин, .babelrc:

{
	"presets": ["env", "react"],
	"plugins": [
		"transform-runtime",
		"transform-decorators-legacy",
		"transform-class-properties",
		"transform-object-rest-spread",
		[
			"module-resolver",
			{
				"root": ["./src"],
				"alias": {
					"styles": "./styles"
				}
			}
		]
	],

	"env": {
		"test": {
			"plugins": [
				"transform-runtime",
				"transform-decorators-legacy",
				"transform-class-properties",
				"transform-object-rest-spread"
			]
		}
	}
}

[Антон Спирин]

GaserV, добавьте пресеты stage-0 и es2015

[GaserV]

Антон Спирин, добавил, не помогло...

[Антон Спирин]

GaserV, вы их установили?

[GaserV]

Антон Спирин, естесна) без них ошибку билдило на их отсутствие, но сейчас ошибок при билде нет но главная ошибка со спрэдом осталось

[Lynn «Кофеман»]

Ну покажите уже код и ошибку

[GaserV]

ERROR in ./src/helpers/defaultHandler.js
Module build failed: SyntaxError: Unexpected token (11:27)

9 | failure: prevState => Object.assign({}, prevState, { errors: payload }),
10 | // success: prevState => Object.assign({}, prevState, { data: payload.data }),
> 11 | success: prevState => {...prevState, data: payload.data}

[Антон Спирин]

GaserV, странно что вы подумали на ESLint. У вас что-то с настройками babel. Вы через webpack проект собираете? Скиньте webpack.config

[GaserV]

Антон Спирин, Да, webpack'ом. Лоадеров достаточно будет?

module.exports = [
	{
		test: /\.js|jsx?$/,
		exclude: /(node_modules|bower_components|public\/)/,
		loader: 'babel-loader',
	},
	{
		test: /\.css$/,
		loaders: ['style-loader', 'css-loader?importLoaders=1', 'postcss-loader'],
		exclude: ['node_modules'],
	},
	{
		test: /\.(jpg|png|gif|svg|ttf|eot|woff|woff2|otf)$/,
		exclude: /(node_modules|bower_components)/,
		use: {
			loader: 'file-loader',
			options: {
				name: '[path][name].[ext]',
			},
		},
	},
]

[Антон Спирин]

Попробуйте так, а ваш .babelrc переименовать на время, а в лоадер добавить опции:

{
    test: /\.js|jsx?$/,
    exclude: /(node_modules|bower_components|public\/)/,
    loader: 'babel-loader',
    options: {
       presets: ['es2015', 'stage-0', 'react']
    }
},

[GaserV]

Антон Спирин, не помогло...

[Антон Спирин]

GaserV, нашел)
ваша строка:

success: prevState => {...prevState, data: payload.data}

а надо так:

success: prevState => ({...prevState, data: payload.data})

чтобы вернуть из стрелочной функции объект, в короткой форме записи без return. Надо объект в скобочки обернуть. Иначе парсер думает, что это открытие тела функции.
Не внимательно на вашу ошибку посмотрел.

[GaserV]

Антон Спирин, жесть. Вот дурачина... Спасибо огромное за то, что потратили свое время и ткнули меня носом... Низкий поклон вам!)))