Function Animate({ Draw1, Duration1 }) {... Causes Expected Identifier (script1010) Error In Ie11 - Object Destructuring Support In Ie

I am having issues with a site build where the page is not displaying properly in IE11. The site displays correctly in chrome, firefox, and edge. The error seems to break all the

Solution 1:

You are using ES6 to destructure the arguments. Internet Explorer does not support ES6.

You'll either have to rewrite it using ES5 or use a transpiler like Babel to transpile your code into ES5.

EDIT: If this is the only occurrence of ES6, I'd suggest rewriting it, but otherwise I'd use Babel.

functionanimate(arg) {
  var draw = arg.drawvar duration = arg.duration
  ...
}