通过错误的电子邮件和密码登录时，Firebase 在控制台中出现 404 错误

Question

我在 React 应用中使用 Firebase。 我已经实现了一个登录组件，当我尝试使用错误的电子邮件和密码时，它会在控制台中显示一条错误消息，看起来像

 auth.js:204 POST https://www.googleapis.com/identitytoolkit/v3/relyingparty/verifyPassword?key=AIzaXXXX9YaDiUUiA_n8L_Rs89YYYY 400

我的登录代码看起来像

await app.auth().signInWithEmailAndPassword(email, password).then(() => {
            setLoading(false);
            setOpen({
                isOpen: true,
                message: 'Logged In Successfully',
                type: 'success'
            });
        }).catch(e => {
            setLoading(false);
            setOpen({
                isOpen: true,
                message: e.message,
                type: 'error'
            });
        });

在这里您可以看到我正在使用 catch 来处理错误，那么为什么它在 chrome 控制台中显示为 404 错误？

Answer 1

您将async / await语法与then()混合使用。 只需使用其中一个。 这样的事情应该可以正常工作：

const signInUser = async (email, password) => {
  try {
    await auth().signInWithEmailAndPassword(email, password);
    setLoading(false);
    setOpen({
        isOpen: true,
        message: 'Logged In Successfully',
        type: 'success'
    });
  } catch (error) {
       setLoading(false);
       setOpen({
           isOpen: true,
           message: e.message,
           type: 'error'
       });
    }
};