IE и spread operator

[s24344]

Ребята, подскажите пожалуйста. IE ругается на spread operator.

Мои настройки:

package.json

"babel-core": "^6.26.3",
"babel-loader": "^7.1.2",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "1.6.1",

.babelrc

{
"presets": [
"env"
],
"plugins": [
"transform-object-rest-spread"
]
}

webpack.config.js

module.exports = function () {
return {
module: {
rules: [
{
loader: 'babel-loader',
test: /\.js$/
}
]
}
}
}

[destus]

s24344,
babel-polyfill еще надо для Object.assign

[s24344]

Спасибо. А Вы не могли бы более подробно подсказать куда его подключить?

[destus]

s24344,
Оказывается babel-polyfill совсем необязателен, потому что object spread переписывается в Object.assign, а если его не поддерживает браузер, то вот в такую функцию

function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};

Проверил с вашим конфигом в IE11 - всё работает. Что именно у вас пишет?

[s24344]

Object doesn't support property or method 'from'
И именно в строке, где используется spread.

[destus]

Код покажите, как вы spread используете, какой ie?

[s24344]

IE11
this.primaryLinks = [...this.el.querySelectorAll('[data-nav-ref="primary-link"]')];
Предварительно ещё раз проверил, ошибка именно на этой строке.

[destus]

s24344,
Дело тут не в object spread. Его тут вообще нет. Дело в том, что ваша конструкция переписывается в Array.from(this.el.querySelectorAll('[data-nav-ref="primary-link"]')), что в IE конечно же не поддерживается. Поэтому нужен babel-polyfill. Если не хочется его подключать, то можно переписать ваш код следующим образом

this.primaryLinks = Array.prototype.slice.call(this.el.querySelectorAl l('[data-nav-ref="primary-link"]'));

[s24344]

Спасибо за помощь.