我在 React 中的 signInWithEmailAndPassword 中出现错误：Firebase: Error (auth/network-request-failed)

Question

我正在使用 React 创建用户身份验证，并在 Firebase 中使用 signInWithEmailAndPassword 编写登录逻辑，我收到此错误，显示 Firebase: Error (auth/network-request-failed)。 我不知道为什么会这样。 我确实尝试禁用 CORS，并从我的提交按钮中删除 type="submit"，并将 Form 元素更改为 div。 尝试了所有，但没有任何效果。 这个问题有解决方案吗？

                        <Form.Group className="mb-3" controlId="formBasicEmail">

                            <Form.Control type="email" placeholder="Enter email" onChange={(e) => { setemail(e.target.value) }}/>

                        </Form.Group>

                        <Form.Group className="mb-3" controlId="formBasicPassword">

                            <Form.Control type="password" placeholder="Password" onChange={(e) => { setpassword(e.target.value) }}/>
                        </Form.Group>


                        <Button variant="primary" onClick={logInWithEmailAndPassword}>
                            Submit
                        </Button>
                        
                    </Form>

这是我对部分登录的逻辑：

 const auth = getAuth();
    const logInWithEmailAndPassword = async (email, password) => {
        try {
          await signInWithEmailAndPassword(auth, email, password);
        } catch (err) {
          console.error(err);
          alert(err.message);
        }
      };

Answer 1

几天前我遇到了这个问题，我也替换了提交（简而言之，我做了和你一样的解决方案），但是这个解决方案对我有用。

1. 我将表单组件更改为 div
2. 我将提交替换为 onClick （与您的相同）
3. 我将整个前一种形式包装到 div 中。

由此：

<form> ... </form>

对此：

<div>
     <div>...</div>
</div>