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

Question

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

firebasereact-nativefirebase-storagereact-native-firebase

4

上传图像到 Firebase 时，我遇到了以下错误:

错误: 尚未创建 Firebase 应用 '[DEFAULT]' - 请调用 firebase.initializeApp()

以下是我的代码:

App.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这行代码处出现了错误。

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

更新12/21 我在rnFb().ref(localUri2).putFile(fbUri)之前加了console.log(Firebase.apps.length);，输出结果是1……非常奇怪。

……如果我按照错误提示所要求的，在rnFb().ref(localUri2).putFile(fbUri)之前调用firebase.initializeApp()，我会得到错误信息：Error:

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

求助！！

- james murphy

2

在你的代码中加入一些调试日志。initializeApp被首先调用了吗？ - Doug Stevenson

是的，确实是首先被调用的。 - james murphy

请提供您正在使用的RN和RN Firebase版本。初始化应用程序的推荐方法是为Android提供google-services.json文件，为iOS提供GoogleService-Info.plist文件。还要确保在Firebase控制台上启用了Storage API。 - Christos Lytras

"react-native": "0.61.5", "@react-native-firebase/storage": "^6.0.4", - james murphy

3个回答

1

您是否遵循了API文档？我在文档中找不到需要手动调用initializeApp()的任何地方。

- Adrian Pascu

-1

我认为你的fbUri是错误的。该参数应该是一个字符串，例如：

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

- tuledev

不幸的是，它不起作用...我在fbUri上运行了toString()方法以获取完整路径...但仍然出现相同的错误。 - james murphy

@jamesmurphy toString() 不是正确的方法。你必须获取文件的本地路径。 - tuledev

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- samthecodingman · Accepted Answer

我的理解是，@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)
}

除了使用firebase.initializeApp()进行"客户端初始化"之外，您还可以使用“本地初始化”来进行Android和iOS。