CODEWITHSUNDEEP
javascriptjqueryinternet-explorer
Pete
Pete

Reputation: 312

Javascript/Jquery Errors in Internet explorer

I’ve done most of my programming debugging my website with chrome and recently took a look at the results in Internet explorer. The errors I’m getting do not show up in chrome. I believe I got each of these code snippets from other accepted answers here on stack overflow. Any help they can be given would certainly be appreciated. I did do some research and the Internet explorer (11) solution was not immediate for me

Sleep

Key Value

Async

Upvotes: 0

Views: 182

Answers (1)

Yu Zhou
Yu Zhou

Reputation: 12946

The errors in the pictures are all due to IE doesn't support ES6/ES7 syntax. If you require ES6 features in Internet Explorer 11, check out a transpiler such as Babel. Here's an article about how to use babel to convert ES6 into ES5, please check it out.

  1. Arrow function:

You should transpile it using Bable or change the syntax like below:

function sleep(ms) {
  return new Promise(function (resolve) {
    return setTimeout(resolve, ms);
  });
}
  1. Promise:

You could refer to this thread about making promise work in IE. You could use a 3rd party promise library like Bluebird.

  1. Object.entries():

You need to add a polyfill for it to work in IE 11:

if (!Object.entries) {
  Object.entries = function( obj ){
    var ownProps = Object.keys( obj ),
        i = ownProps.length,
        resArray = new Array(i); // preallocate the Array
    while (i--)
      resArray[i] = [ownProps[i], obj[ownProps[i]]];
    
    return resArray;
  };
}
  1. async function:

You can use facebook/regenerator to polyfill async/await in IE 11.

You could follow the steps to support async/await in IE 11:

  • use babel-preset-env
  • yarn add regenerator or npm install regenerator
  • add node_modules/regenerator-runtime/runtime.js (10.7kb minified) into your bundle

Reference link: Add ES7 Async/Await Support for your Webapp in 3 Easy Steps

Upvotes: 1

Related Questions