React Native - 使用 @react-native-firebase/storage 将图像上传到 Firebase - 没有创建 Firebase 应用“[DEFAULT]”

Question

将图片上传到 Firebase 时出现以下错误：

错误：没有创建 Firebase 应用“[DEFAULT]” - 调用 firebase.initializeApp()

这是我的代码：

1. App.js

   import * as Firebase from 'firebase';
   
   componentDidMount() {
       Firebase.initializeApp(firebaseConfig);
   }
   

2. Profile.js

   import * as Firebase from 'firebase';
   import rnFb from '@react-native-firebase/storage';
   
   uploadImage = localUri =>
   new Promise((resolve, reject) => {
       const localUri2 = Platform.OS === 'ios' ? localUri.replace('file://', '') : localUri;
       const fbUri = Firebase.storage().ref();
       rnFb().ref(localUri2).putFile(fbUri)
       .then(
           () => { resolve(); }
       )
       .catch(
           (e) => { reject(e); }
       );
   });
   

.putFile 行失败。

我不明白问题出在哪里，因为我在App.js 中调用.initializeApp()

更新 12/21 我在rnFb().ref(localUri2).putFile(fbUri) 之前添加了console.log(Firebase.apps.length);，输出为1...确实很奇怪。

...如果我完全按照错误的要求执行并在rnFb().ref(localUri2).putFile(fbUri) 之前调用firebase.initializeApp()，我会收到错误错误：

Firebase: Firebase App named '[DEFAULT]' already exists

救命！！

Answer 1

您是否遵循 API 文档？我似乎在文档中找不到您需要手动调用initializeApp()

Answer 2

我的理解是@react-native-firebase内部使用的Firebase SDK独立于firebase的普通Firebase SDK。

它可以使用：

import firebase from '@react-native-firebase/app';
// OR
import { firebase } from '@react-native-firebase/storage';

应用这些更改（并简化您的代码），您将获得以下结果：

import storage, { firebase } from '@react-native-firebase/storage';

// can possibly be somewhere else
firebase.initializeApp(firebaseConfig);

uploadImage = localUri => {
  const localUri2 = Platform.OS === 'ios' ? localUri.replace('file://', '') : localUri;
  return storage().ref('/path/to/upload/to').putFile(localUri2)
}

除了使用"client initialization"使用firebase.initializeApp()，还可以使用“原生初始化” 对于Android 和iOS。

Answer 3

我认为您的fbUri 是错误的。参数必须是一个字符串。 例如：

    firebase
          .storage()
          .ref('remote_path') // remote path where you want to store
          .putFile(
            'local/ok.jpeg' // local file
          )
          .then(successCb)
          .catch(failureCb);