Skip to main content
4 of 7
Call out that you have to use a script type="text/babel" tag for it to work with babel standalone
T.J. Crowder
  • 1.1m
  • 19
  • 110
  • 139

The problem is that the version of babel-standalone used by Stack Snippets is (well) out of date and doesn't understand async/await. Amusingly, on any modern browser, if you untick the Babel box in the snippet, it'll work.

It also works if you use a current version of babel-standalone, like this:

<script src="https://unpkg.com/@babel/standalone@7/babel.min.js"></script>
<script type="text/babel">
function bar() {
  return new Promise((resolve,reject) => {
    setTimeout(()=> {
      resolve('resolved after 1500ms');
    },1500);
    // return resolve('resolved');
  });
}

async function foo() {
  const result = await bar();
  console.log(result);
}

foo();
</script>

Note that you can't put the code that Babel will process in the JavaScript panel in the snippet editor. You have to put it in the HTML panel instead, in a <script type="text/babel">...</script> tag.

T.J. Crowder
  • 1.1m
  • 19
  • 110
  • 139