Why do my code lines after await not get called?

Question

I have a problem with the following code. The firebase.login returns a Promise and I learned that, when I put "await" before, Javascript waits until the Promise delivers and then continues with the next line.I

But the next line(s) seem never to be triggered. What am I doing wrong? It also does not stop at the "debugger" mark.

    try {
      const user = await firebase.login(email, password);
      console.log("l1: ", user);
      debugger;
      props.history.replace("/impressum");
    } catch (error) {
      alert(error.message);
    }
  }```

Answer 1

Solution:

I got the solution from my new hero:

"Submit buttons submit forms.

When a form is submitted, the browser navigates to a new web page.

Since the page the JS program was running in has been navigated away from, that JS program exits. It does this before reaching console.log("l2");"

So, everthing I had to do was insert "event.preventDefault". In the tutorial the used a simple Button, that does not cause the form to submit. I used a bootstrap submit-button und thats why I think the form was always submitted.

Answer 2

The returned Promise from the firebase.login(); call should be wrapped within an async function (which we cannot see from your snippet). As mentioned in the comments it's possible that the catch is being triggered, in which case you should be gracefully handling the error.

// mock the firebase login Promise
const firebase = {
  async login(email, password) {
    return {
      email
    };
  }
};

(async() => {
  try {
    const [email, password] = [
      '[e-mail]',
      'password123',
    ];
    const user = await firebase.login(email, password);

    console.log(user);
  } catch (err) {
    console.error(err);
  }
})();