Javascript Firebase在使用createUserWithEmailAndPassword后无法看到用户_Javascript_Firebase_Firebase Authentication

Javascript Firebase在使用createUserWithEmailAndPassword后无法看到用户

javascript firebase

Javascript Firebase在使用createUserWithEmailAndPassword后无法看到用户,javascript,firebase,firebase-authentication,Javascript,Firebase,Firebase Authentication,我是firebase的新手，我创建了一个非常简单的应用程序来注册用户。注册后，该用户不会显示在我的firebase控制台上的用户列表中。我在Youtube上阅读了文档和一些教程。我觉得我也做了同样的事情，但它不起作用。有人能帮我解决这个问题吗 <!DOCTYPE html> <html> <head> <title>Happy Referrals - Sign Up Free!</title> <link rel=

我是firebase的新手，我创建了一个非常简单的应用程序来注册用户。注册后，该用户不会显示在我的firebase控制台上的用户列表中。我在Youtube上阅读了文档和一些教程。我觉得我也做了同样的事情，但它不起作用。有人能帮我解决这个问题吗

<!DOCTYPE html>
<html>
<head>
    <title>Happy Referrals - Sign Up Free!</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body>
<div class="signup-container">
     <form>
        <h3>Sign Up Happy Referrals for Free!</h3>
        <label>Email:</label>
        <input type="email" name="" id="email" />
        <label>Password:</label>
        <input type="password" name="" id="pw" />
        <button id="signup">Sign Up</button>
     </form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-firestore.js"></script>

<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    // keep secret
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

  $('#signup').on('click', function() {
    var email = $('#email').val();
        var pw = $('#pw').val();
        console.log(email);

        firebase.auth().createUserWithEmailAndPassword(email, pw).catch(function(error) {
              // Handle Errors here.
              var errorCode = error.code;
              var errorMessage = error.message;
              console.log(errorMessage);
            });
  })

</script>
</body>
</html>


快乐推荐-免费注册！
免费注册快乐推荐！
电邮：
密码：
注册
//您的web应用程序的Firebase配置
var firebaseConfig={
//保密
};
//初始化Firebase
firebase.initializeApp（firebaseConfig）；
$（“#注册”）。在（'click'，function（）上{
var email=$（'#email'）.val（）；
var pw=$（'#pw'）.val（）；
控制台日志（电子邮件）；
firebase.auth（）.createUserWithEmailAndPassword（电子邮件，pw）.catch（函数（错误）{
//在这里处理错误。
var errorCode=error.code；
var errorMessage=error.message；
控制台日志（错误消息）；
});
})

正如您将在中看到的，您的按钮的默认行为为

submit

。因此，您的表单在触发Firebase方法之前提交

因此，您需要显式指定按钮类型，如下所示：

<button type="button" id="signup">Sign Up</button>

<script>

    $( document ).ready(function() {
      // Your web app's Firebase configuration
      var firebaseConfig = {
        // keep secret
      };
      // Initialize Firebase
      firebase.initializeApp(firebaseConfig);

      $('#signup').on('click', function() {
        var email = $('#email').val();
            var pw = $('#pw').val();
            console.log(email);

            firebase.auth().createUserWithEmailAndPassword(email, pw).catch(function(error) {
                  // Handle Errors here.
                  var errorCode = error.code;
                  var errorMessage = error.message;
                  console.log(errorMessage);
                });
      });

    });

</script>

正如您将在中看到的，您的按钮具有默认行为

submit

。因此，您的表单在触发Firebase方法之前提交

因此，您需要显式指定按钮类型，如下所示：

<button type="button" id="signup">Sign Up</button>

<script>

    $( document ).ready(function() {
      // Your web app's Firebase configuration
      var firebaseConfig = {
        // keep secret
      };
      // Initialize Firebase
      firebase.initializeApp(firebaseConfig);

      $('#signup').on('click', function() {
        var email = $('#email').val();
            var pw = $('#pw').val();
            console.log(email);

            firebase.auth().createUserWithEmailAndPassword(email, pw).catch(function(error) {
                  // Handle Errors here.
                  var errorCode = error.code;
                  var errorMessage = error.message;
                  console.log(errorMessage);
                });
      });

    });

</script>

非常感谢。我想这就是为什么我看到控制台日志消息一秒钟后它就消失了。现在一切都好了，谢谢！我想这就是为什么我看到控制台日志消息一秒钟后它就消失了。现在一切都好了。