Firebase 8升级至9后实时数据库Promise无法返回数据求助

你的代码存在几个关键问题，导致无法正常通过Promise获取数据，下面是修复方案和优化建议：

问题分析 #

1. 变量未初始化错误：const data;只声明未赋值，会触发语法错误，直接导致代码执行失败
2. 缺少错误处理逻辑：你的Promise只实现了resolve，没有处理读取失败的reject，一旦数据库读取出错，Promise会处于pending状态永远无法完成
3. API使用不当：Firebase 9模块化API提供了专门的get()方法用于单次数据读取，完全替代旧版的once('value')，没必要用实时监听的onValue加onlyOnce参数

正确实现方式 #

首先确保你已经导入了Firebase数据库的模块化方法：

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

方案1：直接返回get()的Promise（最简洁） #

get(databaseRef: string) {
  const dbRef = ref(this.database, databaseRef);
  return get(dbRef)
    .then(snapshot => {
      return snapshot.val() || 'Anonymous';
    })
    .catch(error => {
      // 抛出错误让调用方处理
      throw error;
    });
}

方案2：用async/await语法（更易读） #

async get(databaseRef: string) {
  try {
    const dbRef = ref(this.database, databaseRef);
    const snapshot = await get(dbRef);
    return snapshot.val() || 'Anonymous';
  } catch (error) {
    throw error;
  }
}

关键说明 #

• Firebase 9的get()方法本身就返回Promise，不需要手动再包裹一层new Promise，这能避免很多手动封装带来的错误
• 无论哪种写法，都必须处理错误（catch或try/catch），确保读取失败时能正常触发Promise的reject状态
• 如果确实需要实时监听数据（而非单次读取），再使用onValue，此时不需要返回Promise，而是通过回调处理实时更新

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