Firebase Realtime Database无法存储数据，求排查代码及规则问题

现有配置与代码 #

数据库规则 #

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

前端代码 #

import {ref,set, getDatabase } from 'firebase/database';
function handleAddCartItemSave(product) {
        const db = getDatabase();
        const uid = selectorLogin.uid;

        set(ref(db, '/cart'),  { 
            product, 
            uid,
        });
        console.log(uid, product);
    }

可能存在的问题及排查方向 #

• Firebase初始化缺失：代码仅调用了getDatabase()，但未完成Firebase项目初始化的话，数据库实例会无效，直接导致写入失败。检查项目入口文件是否有初始化代码：

  import { initializeApp } from "firebase/app";
  const firebaseConfig = {
    // 你的项目配置信息
  };
  const app = initializeApp(firebaseConfig);
  

• selectorLogin.uid值异常：确认uid是否为有效字符串（非undefined、null）。虽然规则允许写入，但无效的uid可能导致数据结构异常，甚至触发隐性失败。

• 数据逻辑不符合预期（非写入失败，但易误解）：每次调用set会完全覆盖/cart节点下的所有数据。如果要实现多用户购物车或多商品存储，应该用/cart/${uid}作为路径，或者用push生成唯一子节点保存商品，否则每次添加都会清空之前的购物车数据。

• 未捕获错误信息：set方法返回Promise，当前代码未处理错误，写入失败时无法看到具体原因。添加错误捕获可定位问题：

  set(ref(db, '/cart'),  { 
      product, 
      uid,
  }).catch(error => {
      console.error('写入失败:', error);
  });
  

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