调用firebaseDb.auth()触发TypeError 无法关联实时数据库与当前用户UID

• 导出实例匹配错误：Firebase初始化文件中，默认导出的是fireDb.database().ref()（实时数据库根引用对象），该对象仅包含数据库操作相关方法，不存在auth方法。业务组件中在数据库引用上调用auth()，直接触发类型不匹配报错。
• 路径拼接语法错误：addOrEdit方法中，用户uid的拼接逻辑被直接包裹在静态字符串内部，最终生成的数据库路径会变成固定文本Expenses/ + firebaseDb.auth().currentUser.uid，不会执行实际的动态拼接。
• 用户状态读取时序问题：直接同步调用auth.currentUser.uid存在初始化时序风险，页面刚加载时auth模块可能尚未完成登录状态校验，currentUser为null时会触发空指针报错。

• 修正组件导入逻辑：同时引入初始化文件导出的两个独立实例——默认导出的数据库根引用、命名导出的auth实例，不再在数据库引用上调用auth相关方法。
• 修正路径拼接语法：使用模板字符串将用户uid作为动态变量拼接入数据库路径，避免将动态逻辑写在静态字符串内部。
• 增加auth状态监听：将数据库读写逻辑绑定到onAuthStateChanged回调中，确保获取到有效登录用户的uid后再执行数据库操作，同时增加未登录状态的兜底判断。

修正后可直接运行的代码 #

Firebase初始化文件（原有逻辑无需大改） #

import firebase from "firebase/app";
import "firebase/database";
import "firebase/auth";

var firebaseConfig = {
  apiKey: "x",
  authDomain: "x",
  projectId: "x",
  storageBucket: "x",
  messagingSenderId: "x",
  appId: "x",
};

var fireDb = firebase.initializeApp(firebaseConfig);
export const auth = firebase.auth();
// 默认导出为数据库根引用
export default fireDb.database().ref();

业务组件修正代码 #

import { useEffect, useState } from 'react';
// 同时引入数据库引用和独立的auth实例
import firebaseDb, { auth } from '../你的firebase初始化文件路径';

const ExpensesList = () => {
  const [currentId, setCurrentId] = useState("");
  const [RelatedPersonsObjects, setRelatedPersonsObjects] = useState({});
  const [show, setShow] = useState(false);
  const handleClose = () => setShow(false);
  const handleShow = () => setShow(true);

  useEffect(() => {
    // 监听auth状态变化，确保用户有效登录后再初始化数据库监听
    const unsubscribeAuth = auth.onAuthStateChanged((user) => {
      if (!user) return;
      // 用模板字符串正确拼接用户专属路径
      const userExpenseRef = firebaseDb.child(`Expenses/${user.uid}`);
      userExpenseRef.on("value", (snapshot) => {
        setRelatedPersonsObjects(
          snapshot.val() != null ? { ...snapshot.val() } : {}
        );
      });
    });
    // 组件卸载时清除监听，避免内存泄漏
    return unsubscribeAuth;
  }, []);

  const addOrEdit = (obj) => {
    if (currentId !== "") return;
    const currentUser = auth.currentUser;
    if (!currentUser) return; // 兜底判断空指针
    firebaseDb
      .child(`Expenses/${currentUser.uid}`)
      .push(obj, (err) => {
        if (err) console.log(err);
        setCurrentId("");
      });
  };

注意事项 #

• 区分不同Firebase导出实例的作用：数据库引用仅支持.child()/.push()/.on()等数据库操作，auth实例仅支持登录状态相关方法，两者不可混用。
• 动态数据库路径必须将可变变量放到字符串拼接逻辑的外部，否则路径会被解析为静态文本无法生效。

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