Firebase数据库无法保存注册数据及set未定义错误求助

问题分析 #

你遇到的set is not defined和fireauth is not defined错误核心原因是：

1. Firebase v9+采用模块化SDK，导入的函数（set、ref）和初始化的变量（database、auth）属于模块作用域，你写在模块脚本外的register、sendMessage函数无法访问这些变量。
2. 验证逻辑未终止错误流程：即使输入验证不通过，代码仍会继续执行sendMessage，同时可能存在拼写错误（比如把auth误写为fireauth）。
3. 注册流程不完整：仅尝试写入数据库，未调用Firebase Auth的createUserWithEmailAndPassword创建认证用户，不符合Firebase注册规范。

解决方案 #

1. 将业务函数移入模块脚本 #

把register、sendMessage及验证函数全部放到<script type="module">内部，确保能访问模块内的Firebase资源。同时把register挂载到window对象，让表单的onsubmit能调用它。

2. 修复验证逻辑 #

验证不通过时立即return终止流程，避免多次弹出提示框，同时阻止错误情况下的数据库写入。

3. 完善注册流程 #

先通过Firebase Auth创建用户，再用用户的唯一UID作为数据库节点键（替代随机数，避免重复），将用户信息写入数据库。

修正后的完整代码 #

<script type="module">
  // 导入Firebase模块
  import { initializeApp } from "https://www.gstatic.com/firebasejs/9.23.0/firebase-app.js";
  import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.23.0/firebase-analytics.js";
  import { getDatabase, set, ref } from "https://www.gstatic.com/firebasejs/9.23.0/firebase-database.js";
  import { getAuth, createUserWithEmailAndPassword } from "https://www.gstatic.com/firebasejs/9.23.0/firebase-auth.js"

  // Firebase配置
  const firebaseConfig = {
    // 填入你的项目配置信息
  };

  // 初始化Firebase
  const app = initializeApp(firebaseConfig);
  const analytics = getAnalytics(app);
  const auth = getAuth(app);
  const database = getDatabase(app);

  // 注册函数（挂载到window全局，供表单调用）
  window.register = function(e) {
    e.preventDefault();
    const fname = document.getElementById('fname').value;
    const lname = document.getElementById('lname').value;
    const uname = document.getElementById('uname').value;
    const email = document.getElementById('inputEmail').value;
    const password = document.getElementById('inputPassword').value;
    const repPassword = document.getElementById('repPassword').value;

    // 验证输入，不通过则终止流程
    if (!validate_email(email)) {
      alert('请输入有效的邮箱地址。');
      return;
    }
    if (!validate_passwordLen(password)) {
      alert('密码长度必须超过6位。');
      return;
    }
    if (!validate_passwordRep(password, repPassword)) {
      alert('两次输入的密码不一致，账户创建失败。');
      return;
    }
    if (!validate_field(fname) || !validate_field(lname) || !validate_field(uname)) {
      alert('请填写完整有效的信息。');
      return;
    }

    // 先创建Auth用户，再写入数据库
    createUserWithEmailAndPassword(auth, email, password)
      .then((userCredential) => {
        const user = userCredential.user;
        // 使用用户UID作为数据库节点键，保证唯一性
        sendMessage(user.uid, fname, lname, uname, email);
      })
      .catch((error) => {
        alert(`账户创建失败：${error.message}`);
      });
  }

  // 写入数据库函数
  function sendMessage(userId, fname, lname, uname, email) {
    set(ref(database, 'users/' + userId), {
      fname: fname,
      lname: lname,
      uname: uname,
      email: email,
      last_login: Date.now()
    }).then(() => {
      alert('账户创建成功！');
      document.getElementById('registerform').reset();
    }).catch((error) => {
      alert(`数据写入失败：${error.message}`);
    });
  }

  // 验证函数
  function validate_email(email) {
    const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return re.test(email);
  }

  function validate_passwordLen(password) {
    return password.length > 6;
  }

  function validate_passwordRep(password, repPassword) {
    return password === repPassword;
  }

  function validate_field(field) {
    return field.trim() !== '';
  }
</script>

<!-- 表单绑定register函数 -->
<form id="registerform" onsubmit="register(event)">
  <!-- 你的表单输入项 -->
  <button type="submit">注册</button>
</form>

额外排查点 #

如果仍出现fireauth is not defined，检查你的代码中是否存在拼写错误（比如把auth误写为fireauth），修正即可。

内容的提问来源于stack exchange，提问作者Jelly Bean