Trying to use await in Javascript but it's returning error

Question

I don't know what is wrong with this code. It throws an error in the console that says :

Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules

Can anyone tell me what's wrong with my usage of await?

let user = {
    name: 'George',
    surname: 'Arqael'
};

let regUser = await fetch(url, {
    method: 'post',
    headers: {
        'Content-type': 'application/json; charset=utf-8'
    },
    body: JSON.stringify(user)
});

let result = await regUser.json();
console.log(result);

As it says, await can only be used in an async function. Whatever the surrounding function is, mark it as async. — Nicholas Tower
– Nicholas Tower, Commented Jun 8, 2022 at 13:49

MortBort · Accepted Answer · 2022-06-08 13:59:59Z

1

Await requires async. You should be able to wrap it in an async function.

async function f() {
  let regUser = await fetch(url, {
    method: 'post',
    headers: {
      'Content-type': 'application/json; charset=utf-8'
    },
    body: JSON.stringify(user)
    });
    
  let result = await regUser.json();
  console.log(result);
}

answered Jun 8, 2022 at 13:59

MortBort

614 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Besworks · Accepted Answer · 2022-06-08 15:46:50Z

1

As the error says, top-level await is only available in modules. If you add type="module" to your script tag it will work as expected.

<script type="module">
  let user = {
      name: 'George',
      surname: 'Arqael'
  };

  let regUser = await fetch(url, {
      method: 'post',
      headers: {
          'Content-type': 'application/json; charset=utf-8'
      },
      body: JSON.stringify(user)
  });

  let result = await regUser.json();
  console.log(result);
</script>

Or, wrap your code in an async function as MortBort suggested.

answered Jun 8, 2022 at 15:46

Besworks

4,5931 gold badge24 silver badges41 bronze badges

Collectives™ on Stack Overflow

Trying to use await in Javascript but it's returning error

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related