Expo中无法从Firebase数据库获取数据，报错求助

错误一：无效路径问题 #

原因 #

你用初始状态值'Carregando...'拼接Firebase路径，生成了user/Carregando...，而Firebase Realtime Database的路径明确禁止包含.、#、$、[、]这类特殊字符，直接触发路径无效错误。另外逻辑上也存在问题：展示用的状态值不能用来拼接数据库路径，你需要指定具体的用户节点（比如用户UID），而非加载提示文本。

修复方法 #

1. 替换路径为有效的数据库节点名称，比如固定的用户ID：

// 替换成你实际的用户节点路径，例如user下的指定UID节点
const userRef = ref(db, 'user/你的用户UID');

2. 如果需要动态获取当前登录用户的UID，结合Firebase Auth实现：

// 先导入Firebase Auth相关方法
import { getAuth, onAuthStateChanged } from 'firebase/auth';

useEffect(() => {
  const auth = getAuth();
  // 监听用户登录状态，拿到当前用户UID
  onAuthStateChanged(auth, (user) => {
    if (user) {
      const userRef = ref(db, `user/${user.uid}`);
      onValue(userRef, (snapshot) => {
        const data = snapshot.val();
        setNome(data?.nome || '未找到用户名');
      }, (error) => {
        // 处理数据库监听错误
        console.error('获取数据失败:', error);
        setNome('加载失败');
      });
    } else {
      setNome('未登录');
    }
  });
}, []);

错误二：try/catch语法及无效捕获问题 #

原因 #

1. 你提到的语法错误大概率是代码编写时的格式问题（比如括号不匹配、符号用了全角），从你提供的代码片段看语法本身无问题，建议检查代码缩进、符号是否为英文半角。
2. onValue是异步监听函数，它的错误无法被try/catch捕获，需要通过第三个参数的错误回调来处理。

修复方法 #

移除无效的try/catch，改用onValue的错误回调参数：

onValue(userRef, (snapshot) => {
  // 成功获取数据后的逻辑
}, (error) => {
  // 处理数据库错误
  console.error('数据库错误:', error);
});

完整修复后的代码示例 #

import { useEffect, useState } from 'react';
import { Text, View } from 'react-native';

import { db } from './src/database';
import { onValue, ref } from 'firebase/database';
import { getAuth, onAuthStateChanged } from 'firebase/auth';

export default function App() {
  const [nome, setNome] = useState('Carregando...');

  useEffect(() => {
    const auth = getAuth();
    // 监听用户登录状态，同时清理监听
    const unsubscribeAuth = onAuthStateChanged(auth, (user) => {
      if (user) {
        const userRef = ref(db, `user/${user.uid}`);
        const unsubscribeDb = onValue(userRef, (snapshot) => {
          const data = snapshot.val();
          setNome(data?.nome || '未找到用户名');
        }, (error) => {
          console.error('获取数据失败:', error);
          setNome('加载失败');
        });
        return unsubscribeDb;
      } else {
        setNome('请先登录');
      }
    });

    return unsubscribeAuth;
  }, []);

  return (
    <View style={{
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
    }}>
      <Text>{nome}</Text>
    </View>
  );
}

额外检查项 #

• 确认Firebase数据库规则允许读取操作（开发阶段可临时设置为{ "rules": { ".read": true, ".write": true } }，生产环境需改为严格权限规则）。
• 确认./src/database中的db实例初始化正确，已成功连接到你的Firebase项目。

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