Ошибка объект не поддерживает свойство или метод assign

Как отмечали другие, метод Object.assign() не поддерживается в IE, но имеется polyfill, просто включите его перед тем, ваше объявление плагина:

if (typeof Object.assign != 'function') {
  Object.assign = function(target) {
    'use strict';
    if (target == null) {
      throw new TypeError('Cannot convert undefined or null to object');
    }

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

Из https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Страница тестирования http://jsbin.com/pimixel/edit?html,js,output (просто удалите polyfill, чтобы получить ту же самую ошибку, которую вы получаете на своей странице).

Andres Ilich
18 авг. 2016, в 15:56

Поделиться

@Джон Доу

Из вашего комментария я понял, что вы хотите реализовать это в стеке узлов/реагирования. Это сильно отличается от оригинального вопроса, и вы должны были задать свой собственный;)
В любом случае, вот что тебе нужно сделать…

Вы можете использовать [es6-object-assign] [1]. Это ES6 Object.assign() «polyfill».

Сначала в package.json в корневой папке добавьте es6-object-assign в качестве зависимости:

"dependencies": {
    "es6-object-assign": "^1.0.2",
    "react": "^0.12.0",
    ...
  },

Тогда, если вы хотите использовать его в среде узла, используйте:

require('es6-object-assign').polyfill();

Если у вас возникла проблема с интерфейсом (браузером)…
Добавьте его в свой файл index.html…

<script src="location_of_node_modules/es6-object-assign/dist/object-assign.min.js"></script>
<script>
  window.ObjectAssign.polyfill();
</script>

location_of_node_modules зависит от используемого вами шаблона, в основном это только node_modules, но иногда, когда index.html находится в подкаталоге, который вам нужно использовать, ../node_modules

shramee
20 авг. 2016, в 04:19

Поделиться

Возможное решение этой проблемы:

Добавьте script legacy.min.js перед custombox.min.js

source: проект gigaub custombox

aprovent
19 авг. 2016, в 15:11

Поделиться

@Андрес-Ильич имеет правильный ответ на ваш вопрос, но вы задаете неправильный вопрос:

Почему бы просто не использовать плагин jQuery, поддерживающий IE, как Zurb excellent Reveal: https://github.com/zurb/reveal

Он сделает все, что захочет, и не выбросит эту ошибку.

staypuftman
19 авг. 2016, в 21:03

Поделиться

В настоящее время работает над всплывающим окном jQuery:
https://github.com/seahorsepip/jPopup

Есть все, что вы ожидаете от всплывающего окна и больше: D

В любом случае, по теме, я в настоящее время пишу версию 2, которая является большой перепиской и добавляет поддержку IE6 (версия 1 была IE7 +) и столкнулась с аналогичной ошибкой…

Исходный код, который дал ошибку в IE6:

//Insane code for an insane browser
this._vars.fakeScrollbar = $("<div style="position:absolute;top:expression(document.documentElement.scrollTop);right:0;bottom:0;margin-left:-200px;width:0;overflow-y:scroll;height:expression(document.documentElement.clientHeight);z-index:9999999;"></div>");

Сбой, который я должен был придумать:

//Insane code for an insane browser
this._vars.fakeScrollbar = $("<div>");
this._vars.fakeScrollbar.html("<div style="position:absolute;top:expression(document.documentElement.scrollTop);right:0;bottom:0;margin-left:-200px;width:0;overflow-y:scroll;height:expression(document.documentElement.clientHeight);z-index:9999999;"></div>");
this._vars.fakeScrollbar = this._vars.fakeScrollbar.children();

seahorsepip
20 авг. 2016, в 16:05

Поделиться

Поскольку вы отметили вопрос с помощью jQuery, вы можете использовать функцию jQuery extend. Нет необходимости в polyfill, и он также глубоко объединяется.

Пример:

var object1 = {
  apple: 0,
  banana: { weight: 52, price: 100 },
  cherry: 97
};
var object2 = {
  banana: { price: 200 },
  durian: 100
};

// Merge object2 into object1
$.extend( object1, object2 );

Результат:

{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}

Kalimah Apps
04 янв. 2017, в 05:11

Поделиться

В принципе, Object.assign не поддерживается всеми браузерами, однако можно повторно назначить его в Object, если он не поддерживается текущим браузером.

Предпочитает сделать функцию polyfill, которая ведет себя так же, как Object.assign(target, ...) ES6.

Я думаю, что лучшим решением является итерация каждого аргумента после target, присваивание каждому свойству объектов arguments target, учитывая итерацию между объектами и массивами, чтобы избежать создания ссылок. Необязательно, чтобы не потерянные экземпляры, вы можете определить, равен ли последний экземпляр свойства только "Array" или "Object", и при этом вы не потеряете интерфейс Image (например), если вы планируете создавать новые ссылки, но объекты с этими экземплярами все равно будут ссылаться.

Изменить: исходный Object.assign не работает таким образом.

В соответствии с этим решением у меня есть свой polyfill, который можно найти здесь.

hydroper
20 авг. 2016, в 22:01

Поделиться