Firebase JS SDK v8登录后查询实时数据库snapshot.val()返回null或报错

1. 检查初始化配置的databaseURL参数 #

这是该场景下最常见的问题诱因：Firebase JS SDK v8 初始化时必须明确配置databaseURL参数，该参数可在Firebase控制台项目设置页的应用配置项中获取。如果初始化配置缺少该参数，会出现可正常获取snapshot对象、但调用.val()返回null，甚至触发SDK内部错误的问题。请核对你的初始化代码配置，确保包含该项：

const firebaseApp = firebase.initializeApp({
  apiKey: "你的项目apiKey",
  authDomain: "你的项目authDomain",
  projectId: "你的项目id",
  storageBucket: "你的项目storageBucket",
  messagingSenderId: "你的项目messagingSenderId",
  appId: "你的项目appId",
  // 以下为实时数据库必填配置，缺失会导致查询异常
  databaseURL: "https://<你的项目唯一标识>.firebaseio.com"
});

2. 核对数据库路径与节点信息 #

• 实时数据库路径大小写敏感，请确认你要查询的根节点名是menus，拼写、大小写完全匹配数据库中的实际节点
• 确认你的databaseURL与当前使用的数据库实例所属区域匹配，部分区域的数据库实例URL会携带区域标识，配置错误会导致查询指向空实例

3. 验证实时数据库安全规则 #

请确认menus节点的读权限对已登录用户开放，基础规则示例如下：

{
  "rules": {
    "menus": {
      ".read": "auth != null",
      ".write": "auth != null"
    }
  }
}

如果规则中对menus节点的访问设置了额外校验条件（如要求用户uid与节点下存储的uid匹配），不符合条件的查询也会返回空结果。

4. 添加错误回调定位具体问题 #

给你的监听函数添加错误回调，可直接打印出权限、路径等具体错误原因：

db.ref('menus').orderByChild('list_order').on('value', 
  (snapshot) => {
    console.log('数据是否存在：', snapshot.exists());
    prj.configs.menu = snapshot.val();  
  },
  (error) => {
    console.error('查询错误码：', error.code, '错误信息：', error.message);
  }
);

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