.then((userCredential) => { } 不适用于 Firebase 身份验证

Question

我正在开发一个web应用程序(初学者级别)，我使用firebase进行身份验证和数据库。我可以创建一个新帐户并在我的firebase身份验证仪表板上注册它而没有问题，但是.then((userCredential) =>{}正在工作(警报不显示，我不能注册帐户在firebase数据库等....我检查了chrome控制台，没有出现错误，我也没有来自.catch的错误消息。我怎样才能解决这个问题，所以里面的。then是工作的?谢谢你！

import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js' 
import { getAuth, createUserWithEmailAndPassword } from 'https://www.gstatic.com/firebasejs/9.15.0/firebase-auth.js'
import { getFirestore, doc, getDoc, getDocs, collection } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-firestore.js";
import { getDatabase, ref, set } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-database.js";

const firebaseConfig = {
apiKey: "",
authDomain: "",
databaseURL: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: "" 
};

const app = initializeApp(firebaseConfig);
const db = getFirestore();
const auth = getAuth(); 
const database = getDatabase()

submitData.addEventListener('click', (e) => {
var name = document.getElementById('full_name').value
var email = document.getElementById('email').value;
var password = document.getElementById('psw').value;
alert(email)
// do verification


// Move on with Auth
createUserWithEmailAndPassword(auth, email, password)
.then((userCredential) => {
const user = userCredential.user
alert("user created")
})

.catch(function(error) {
// Firebase will use this to alert of its errors
var error_code = error.code
var error_message = error.message
alert(error_message)
alert('not working')
})
})

Answer 1

如果您使用form元素，那么只需使用e.preventDefault()来阻止页面重新加载，将其放在变量之前。