javascript and spread operator as unexpected token

Question

I have strange problem with spread operator. When I use this code in chrome console, it works great:

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }

const merged = { 
  ...obj1,
  ...obj2
};

...but when I use it in my project in VSC, I'm getting an error

unexpected token is indicated in ...obj1

Does someone know how to fix that?

question from:https://stackoverflow.com/questions/65875841/javascript-and-spread-operator-as-unexpected-token

Answer 1

I had the same issue. My babel.config.js had Chrome 58 as a target. According to this browser support table on MDN, spread in object literals are only supported in Chrome 60 and onwards.

To fix this, you either need to increase your minimum supported browser version, or change your code.