Object doesn't support property or method 'assign'

Question

I setup webpack + babel config

webpack.config.js

...
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
      },
...

.babelrc

{
  "plugins": ["lodash", "transform-object-rest-spread"],
  "presets": [
    ["env", {
      "targets": [
        "> 4%",
        "ie 11",
        "safari 8"
      ]
    }],
    "react",
    "react-optimize"
  ],
  "env": {
    "test": {
      "presets": ["es2015", "react"]
    }
  }
}

In google chrome everything is ok, but in IE 11i have an error

Object doesn't support property or method 'assign'

aldo.roman.nurena · Accepted Answer · 2017-05-06 19:22:42Z

You would need to add the object assign transform as well Check https://babeljs.io/docs/plugins/transform-object-assign/

Also notice that it is best practice to include a polyfill instead. The MDN usually gives a polyfill code for ES2015 features. Check https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

For the record, it is:

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;
  };
}

You want to include this code in your app for browsers that do not support Object.assign. The Babel transform plugin referred above also recommends this approach when building an app and not a library.

Yes, when i add babel-plugin-transform-object-assign to plugins section i get an error with promises. I should add babel-plugin-es6-promise and etc. I was think that preset env resolve my problem.
Or install and load babel-polyfill, which is a general polyfill for ES6 stuff.
I was using this but it doesn t seem to be working in our case. I am referrng to babeljs.io/docs/plugins/transform-object-assign When I add it to .babelrc I still see the same error message.

Stanislav Mayorov · Accepted Answer · 2017-05-06 19:17:45Z

0

It looks like babel compilation doesn't work. Object.assign is ECMAScript 2015 feature and chrome supports it without compilation.

answered May 6, 2017 at 19:17

Stanislav Mayorov

4,4945 gold badges27 silver badges47 bronze badges

1 Comment

loganfsmyth Over a year ago

Babel doesn't compile things that aren't syntax. The expectation is that you load babel-polyfill.

Collectives™ on Stack Overflow

Object doesn't support property or method 'assign'

2 Answers 2

3 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Related