Javascript 无法通过firestore登录

我想使用firebase firestore创建一个登录应用程序。问题是，当我单击“登录”按钮时，什么也没有发生。我以前可以登录，但现在突然无法登录。 当我单击“登录”按钮时，页面将重新加载。我可能犯了什么错？为什么它不再工作了

在下面，您可以看到我的文件

login.js

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.


document.getElementById("user_div").style.display = "block";
document.getElementById("login_div").style.display = "none";

    var user = firebase.auth().currentUser;

    if(user != null){

      var email_id = user.email;
      document.getElementById("user_para").innerHTML = "Welcome User : " + email_id;

    }

  } else {
    // No user is signed in.

    document.getElementById("user_div").style.display = "none";
    document.getElementById("login_div").style.display = "block";

  }
});

function login(){

console.log("login");
  var userEmail = document.getElementById("email_field").value;
  var userPass = document.getElementById("password_field").value;

  firebase.auth().signInWithEmailAndPassword(userEmail, userPass).catch(function(error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;

    window.alert("Error : " + errorMessage);

    // ...
  });

}

function logout(){
  firebase.auth().signOut();
  console.log("logout");
}

index.html

<div class="container login-container" id="login_div">
    <div class="row">
        <div class="col-md-6 login-form">
                    <h3>Zugriff auf deinen Account</h3>
                    <form>
                        <div class="form-group">
                            <input type="text" id="email_field" class="form-control" placeholder="Emailadresse *" value="" />
                        </div>
                        <div class="form-group">
                            <input type="password" id="password_field" class="form-control" placeholder="Passwort *" value="" />
                        </div>
                        <div class="form-group">
                            <input type="submit" onclick="login()" class="btnSubmit" value="Login" />
                        </div>
                        <div class="form-group">
                            <a href="#" class="ForgetPwd">Passwort vergessen?</a>
                        </div>
                    </form>
        </div>
    </div>
</div>

        <div id="user_div" class="loggedin-div">
            <h3>Welcome User</h3>
            <p id="user_para">Welcome to Firebase web login Example. You're currently logged in.</p>
            <button onclick="logout()">Logout</button>
        </div>

<!-- The core Firebase JS SDK is always required and must be listed first -->
  <script src="https://www.gstatic.com/firebasejs/4.8.1/firebase.js"></script>


<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->

<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    ...
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
</script>
<script src="login.js"></script>

祖格里夫·奥夫·德宁账户
欢迎用户
欢迎来到Firebase web登录示例。您当前已登录

注销
//您的web应用程序的Firebase配置
var firebaseConfig={
...
};
//初始化Firebase
firebase.initializeApp（firebaseConfig）；

---

提前感谢您的帮助！我期待着阅读你的答案

首先，检查您是否已在firebase控制台中启用电子邮件/密码登录，并添加您的授权域

---

然后查看DevTools中“网络”选项卡中的请求和响应。firebase服务器对您的响应是什么？

我查看了我的网络，出现错误403无法访问。即使我输入并正确设置了所有内容。谢谢。在响应中必须是消息，请检查消息：

AccessDenied
AccessDenied

您确定这是身份验证请求吗？可能此请求试图在登录之前从数据库中获取记录。也许这对你有帮助