时间戳

首页 > 解决方案 > 我无法在我的 javascript 项目中在 firebase auth 中创建用户。我应该怎么办？

javascript - 我无法在我的 javascript 项目中在 firebase auth 中创建用户。我应该怎么办？

问题描述

我正在尝试使用 firebase 制作登录/注册表单，但无法创建新用户。这是我的 HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- bootstrap css  -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <!-- material design css -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SignUp</title>
    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" href="aman-up.css">
</head>
<body>
    <header class="header">
        <div id="head_div">
            <label id="app_name">Gossips</label>
            <label id="signin" class="link_types"><a class="link" href="aman-in.html">SignIn</a></label>
            <label id="signin" class="link_types"><a class="link" href="aman.html">Home</a></label>

        </div>
    </header>
    <form class="inputs" id="input">
       <div id="progress_bar">
            <!-- MDL Progress Bar with Indeterminate Progress -->
           <div id="p2" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
       </div>
        <div class="form-group">
          <label for="exampleInputEmail1">Email address</label>
          <input type="email" class="form-control" id="email_up_txt" aria-describedby="emailHelp">
          <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
        </div>
        <div class="form-group">
          <label for="exampleInputPassword1">Password</label>
          <input type="password" class="form-control" id="pass_up_txt">
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">Confirm Password</label>
            <input type="password" class="form-control" id="conf_txt">
          </div>
        <button class="btn btn-primary" id="signup_btn">Sign-Up</button>
      </form>
      <script src="https://www.gstatic.com/firebasejs/7.18.0/firebase-app.js"></script>
      <script src="https://www.gstatic.com/firebasejs/7.18.0/firebase-auth.js"></script>
      <script src="aman.js"></script>
</body>
</html>

这是我的 javascript 文件：

var firebaseConfig = {
  apiKey: "AIzaSyAQv6yaB_E07ZeYMwZBUCer4R58AUjQB3I",
  authDomain: "fir-web-app-edc31.firebaseapp.com",
  databaseURL: "https://fir-web-app-edc31.firebaseio.com",
  projectId: "fir-web-app-edc31",
  storageBucket: "fir-web-app-edc31.appspot.com",
  messagingSenderId: "956021574925",
  appId: "1:956021574925:web:6f3a4e217980d9dd22b444"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);

document.getElementById("signup_btn").onclick=function(){
  var email=document.getElementById("email_up_txt").value;
  var password=document.getElementById("pass_up_txt").value;
  firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
    // ...
    alert(errorMessage);
  });
  alert(email);
}

我不明白为什么它不能正常工作。它以前运行良好，但现在出现问题。显示警报，但未创建新用户。请帮我。谢谢你。

标签： javascripthtmlfirebasedomfirebase-authentication

解决方案

推荐阅读