React Native Expo向Firebase传图时出现未处理Promise拒绝问题

错误原因分析 #

你遇到的TypeError: undefined is not an object (evaluating 'ref._location')错误，核心原因是传递给refstore（即Firebase的ref函数）的第一个参数storage不是有效的Firebase Storage实例——大概率是storage变量未正确初始化，处于undefined状态，导致创建的存储引用无效。

解决步骤 #

1. 确保Firebase Storage实例正确初始化 #

检查你的Firebase初始化代码，必须先初始化Firebase App，再获取有效的Storage实例：

// 导入必要的Firebase模块
import { initializeApp } from "firebase/app";
import { getStorage } from "firebase/storage";

// 替换为你的Firebase项目配置
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_SENDER_ID",
  appId: "YOUR_APP_ID"
};

// 初始化Firebase App
const app = initializeApp(firebaseConfig);
// 获取有效的Storage实例
const storage = getStorage(app);

确保这个storage实例被正确导入或传递到你的uploadImage函数中，而非undefined。

2. 补充上传任务的错误与完成回调 #

你的代码中仅处理了上传进度回调，缺少错误处理逻辑，这会导致未捕获的Promise拒绝。建议补充完整回调：

uploadTask.on('state_changed',
  (snapshot) => {
    const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
    console.log('上传进度：' + progress + '%');
    switch (snapshot.state) {
      case 'paused':
        console.log('上传已暂停');
        break;
      case 'running':
        console.log('上传中');
        break;
    }
  },
  (error) => {
    // 处理上传错误
    console.error('上传失败:', error);
  },
  () => {
    // 上传完成后获取下载链接
    getDownloadURL(uploadTask.snapshot.ref).then((downloadURL) => {
      console.log('文件下载地址:', downloadURL);
    });
  }
);

3. 验证imageUri的有效性 #

虽然错误提示指向存储引用，但仍需确认imageUri是有效的图片地址，避免因blob生成失败间接引发问题。

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