在JavaScript中查询Firebase实时数据库时on()方法报错，如何解决？

你遇到的问题核心是混淆了Firebase Realtime Database不同版本的API用法：

1. 第一个错误里，你定义了查询变量query却误用未定义的emailQuery，更关键的是Firebase v9模块化API中，不能直接在query对象上调用on()方法，需要使用专门的监听函数onValue。
2. 第二个错误是因为v9模块化API摒弃了v8的链式调用风格，ref对象本身没有orderByChild方法，这些查询条件需要作为参数传入query()函数。

正确代码实现 #

1. 实时监听数据变化（对应原代码的on('value')）

// 先导入所需的Firebase方法
import { ref, query, orderByChild, equalTo, onValue } from "firebase/database";

const usersRef = ref(database, 'users');
const userEmail = "testemail123@gmail.com";

// 创建查询实例
const emailQuery = query(usersRef, orderByChild('email'), equalTo(userEmail));

// 使用onValue监听数据变化
onValue(emailQuery, (snapshot) => {
  if (snapshot.exists()) {
    const user = snapshot.val();
    console.log(user);
  } else {
    console.log("未找到该邮箱对应的用户");
  }
}, (error) => {
  console.error("查询失败：", error);
});

2. 单次获取数据（对应原代码的once('value')）

import { ref, query, orderByChild, equalTo, get } from "firebase/database";

const usersRef = ref(database, 'users');
const userEmail = "testemail123@gmail.com";

const emailQuery = query(usersRef, orderByChild('email'), equalTo(userEmail));

// 使用get方法单次获取数据
get(emailQuery)
  .then((snapshot) => {
    if (snapshot.exists()) {
      const userObject = snapshot.val();
      console.log(userObject);
    } else {
      console.log("未找到该邮箱对应的用户");
    }
  })
  .catch((error) => {
    console.error("查询失败：", error);
  });

关键注意事项 #

• 确保数据库规则允许读取users节点，开发阶段可临时设置为：

  {
    "rules": {
      "users": {
        ".read": true,
        ".write": true
      }
    }
  }
  

  生产环境需替换为严格的权限规则，避免数据泄露。
• 确认users节点结构正确，每个用户子节点必须包含email字段，示例结构：

  {
    "users": {
      "user_abc123": {
        "email": "testemail123@gmail.com",
        "username": "test_user"
      }
    }
  }
  

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