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

Question

将图像上传到 Firebase 时出现以下错误:

Error: No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp()

这是我的代码:

应用程序.js

import * as Firebase from 'firebase';

componentDidMount() {
    Firebase.initializeApp(firebaseConfig);
}

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 上失败了线。

我不明白问题出在哪里，因为我调用 .initializeApp()在 App.js
更新 12/21
我添加了 console.log(Firebase.apps.length);就在 rnFb().ref(localUri2).putFile(fbUri) 之前并且输出为 1 ......确实很奇怪。

...如果我完全按照错误要求进行操作并调用 firebase.initializeApp()就在 rnFb().ref(localUri2).putFile(fbUri) 之前我收到错误错误:

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

帮助!!

Answer 1

我的理解是 @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 .