Firebase 身份验证不起作用

mur*_*7ay 1 html javascript firebase firebase-authentication

我一直在使用 Firebase 进行身份验证,只要有两种警报方法,我就可以让它工作,如下所示:

var x;
var y; 

function boo() {
   if (document.getElementById('email') !== null && document.getElementById('password') !== null) {
      x = document.getElementById("email").value;
      y = document.getElementById('password').value;
      alert(x);
      alert(y);
      const auth = firebase.auth();
      auth.createUserWithEmailAndPassword(x, y);
      } else {
            ...
      }
}
Run Code Online (Sandbox Code Playgroud)

但是,如果我删除这两种警报方法,则 Firebase 中不会发送或显示任何内容,并且我在控制台中没有看到任何错误。我希望有人知道发生了什么事,因为我不想每次有人注册时都显示电子邮件和密码。

这是 HTML:

<form class="signupForm">
    <input type="email" class="inputs" onblur="validateForm()" id="email" required name="email" placeholder="Email" />
    <input type="password" class="inputs" id="password" required name="password" placeholder="Password" />
    <button id="btn" class="buttons" onclick="boo()">Signup</button>
</form> 
Run Code Online (Sandbox Code Playgroud)

Bad*_*bet 5

<form>将标签替换为<div>

使用此代码检查错误:

auth.createUserWithEmailAndPassword(email, 
password).then(function(user) {
   var user = firebase.auth().currentUser;
   console.log(user); // Optional
}, function(error) {
   // Handle Errors here.
   var errorCode = error.code;
   var errorMessage = error.message;
});
Run Code Online (Sandbox Code Playgroud)

检查您的 firebase 配置信息:

  // Initialize Firebase
  // TODO: Replace with your project's customized code snippet
  var config = {
    apiKey: "<API_KEY>",
    authDomain: "<PROJECT_ID>.firebaseapp.com",
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
    storageBucket: "<BUCKET>.appspot.com",
    messagingSenderId: "<SENDER_ID>",
  };
  firebase.initializeApp(config);
Run Code Online (Sandbox Code Playgroud)

另外,在 firebase 控制台 -> 身份验证中,检查是否启用了登录方法电子邮件/密码

在此输入图像描述