ReactJS ошибка при render приложения в IE-9 'Объект не поддерживает свойство или метод "assign"'. с чем связана?

Вопрос-ответ JavaScript
1

Использовал ‘babel-plugin-transform-object-assign’ и дополнительно ставил ‘babel-polyfill’ ошибка осталась.
Подскажите пожалуйста кто сталкивался, с такой проблемой как решить
webpack.config.js
require(‘babel-polyfill’).default;
package.json
"babel-polyfill": "^6.26.0"
В chrome, firefox работает нормально.

2

Код, генерируемый babel-ем, вызывает Object.assign. Метода assign нет в Object в ie9. Но полифилл исправляет ситуацию. Установи пакет babel-polyfill, и сделай в главном файле приложения require("babel-polyfill") до того как импортируешь любые другие модули. Полифил подключится, объявит недостающие методы и все заработает.

UPD https://babeljs.io/docs/usage/polyfill/

1 лайк
3

Спасибо, выше писал, что он у меня установлен. Но его юзаю в webpack.config. Из-за этого может не работать?
вот так
webpack.config.js
require(‘babel-polyfill’).default;

4

webpack.config.js файл не включается в результирующую сборку проекта. Поэтому полифилы, запрошенные в нем, не объявляют нужных функций когда запускается код проекта.

Полифил можно подключить через конфиг вебпака, но это не делается через require. Из ссылки что я оставил в предыдущем комментарии:

With webpack.config.js, add babel-polyfill to your entry array:

module.exports = {
  entry: ["babel-polyfill", "./app/js"]
};
5

Всё сделал как Вы сказали, ошибки ‘assign’ нет. Теперь получил “Headers” не определено, спасибо Вам, за помощь!