method 'assign' not supported in IE, what to do

Question

I have a small /javascript,Babel script, that runs just fine in Chrome and Firefox browsers, but it fails in Internet Explorer 11.

I hope somebody can help me.

Answer 1

Dinesh undefined's answer is outdated as far as the babel part goes. This is how it's done today.

On the commandline:

npm install --save-dev @babel/plugin-transform-object-assign

In your .babelrc:

{ "plugins": ["@babel/plugin-transform-object-assign"] }

Source

Answer 2

If you are using jquery, you can try jQuery.extend( target [, object1 ] [, objectN ] ). Your code:

const eventData = $.extend({}, eventItem);

Answer 3

IE doesn't support Object.assign()

Use polyfil

    if (typeof Object.assign != 'function') {
  Object.assign = function(target, varArgs) { // .length of function is 2
    'use strict';
    if (target == null) { // TypeError if undefined or null
      throw new TypeError('Cannot convert undefined or null to object');
    }

    var to = Object(target);

    for (var index = 1; index < arguments.length; index++) {
      var nextSource = arguments[index];

      if (nextSource != null) { // Skip over if undefined or null
        for (var nextKey in nextSource) {
          // Avoid bugs when hasOwnProperty is shadowed
          if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
            to[nextKey] = nextSource[nextKey];
          }
        }
      }
    }
    return to;
  };
}

If you are using babel

npm install --save-dev babel-plugin-transform-object-assign

using .babelrc

{
  "plugins": ["transform-object-assign"]
}

you can find other methods here