Question

104

try..catch not catching async/await errors

rated 0 times [ 108] [ 4] / answers: 1 / hits: 19833 / 9 Years ago, mon, october 26, 2015, 12:00:00

Perhaps I misunderstood how catching errors with async/await is supposed to work from things articles like this https://jakearchibald.com/2014/es7-async-functions/ and this http://pouchdb.com/2015/03/05/taming-the-async-beast-with-es7.html, but my catch block is not catching 400/500.

async () => {

  let response

  try {

   let response = await fetch('not-a-real-url')

  }

  catch (err) {

    // not jumping in here.

    console.log(err)

  }

}()

example on codepen if it helps

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

shaynelandenb

Add To Favorites

Follow

Total Points: 293

Total Questions: 97

Total Answers: 94

Location: Monaco

Member since Fri, Sep 24, 2021

3 Years ago

answered 9 Years ago diamondlauryna · Accepted Answer

400/500 is not an error, it's a response. You'd only get an exception (rejection) when there's a network problem.

When the server answers, you have to check whether it's good or not:

try {

    let response = await fetch('not-a-real-url')

    if (!response.ok) // or check for response.status

        throw new Error(response.statusText);

    let body = await response.text(); // or .json() or whatever

    // process body

} catch (err) {

    console.log(err)

}