title: Babel Standalone: IE11 Expected '('
body: <p>I am currently trying to get my es2017 code to work in IE11 and unfortunately I need to transpile the code on the client side due to the nature of my project.</p>
  
  <p>I was looking at some other SO posts (<a href="https://stackoverflow.com/questions/33643967/how-to-install-babel-and-using-es6-locally-on-browser">How to install babel and using ES6 locally on Browser?</a>) that did help me a bit along the way but I am finding myself stuck at this point. </p>
  
  <p>I have the following example code that I was took from the SO question I linked above in order to test:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
     &lt;head&gt;&lt;/head&gt;
     &lt;body&gt;
        &lt;h1&gt;Standalone Async/Await Example&lt;/h1&gt;
        &lt;!-- Load Babel --&gt;
        &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.8.3/polyfill.min.js" type="text/javascript"&gt;&lt;/script&gt;
        &lt;script src="https://unpkg.com/@babel/standalone/babel.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/babel" data-presets="es2017, stage-3" data-plugins="syntax-async-generators"&gt;
           /* Output of Babel object */
           console.log('Babel =', Babel);
  
           var users = { '123' : { name : 'Joe Montana'} };
           process();
           async function process()
           {
              var id = await getId(); 
  
              var name = await getUserName(id);   
              console.log("User Name: "+name);
           }
           function getId()
           {
              return new Promise((resolve, reject) =&gt; {
                  setTimeout(() =&gt; { console.log('calling'); resolve("123"); }, 2000);
              });
           }
           function getUserName(id)
           {
              return new Promise((resolve, reject) =&gt; {
                  setTimeout(() =&gt; { console.log('requesting user name with id: '+id); resolve(users[id].name); }, 3000);
              });
           }
        &lt;/script&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am however seeing this error on IE11 when I load the HTML in the browser:</p>
  
  <pre><code>SCRIPT1005: Expected '('
  File: testAsync.html, Line: 19, Column: 40
  </code></pre>
  
  <p>I cannot understand why a bracket is expected on the line it is referencing here:</p>
  
  <pre><code>var name = await getUserName(id);
  </code></pre>
  
  <p>Could someone point me in the right direction here? What am I doing incorrectly?</p>