首页 > 解决方案 > “Firebase”连接问题,相同的代码在“react JS”中有效,但在“react native”项目中无效?

问题描述

firebase-config.js

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
    apiKey: "**********************************",
    authDomain: "***********.firebaseapp.com",
    projectId: "***********",
    storageBucket: "***********.appspot.com",
    messagingSenderId: "*************",
    appId: "******************************",
    measurementId: "****************",
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);

const db = getFirestore(app);

export { db };

包.json

{
    "firebase": "^9.4.0", // latest version
}

运行应用程序时出现此错误

错误 [2021-11-16T08:33:02.823Z] @firebase/firestore:Firestore (9.4.0):无法访问 Cloud Firestore 后端。后端在 10 秒内没有响应。这通常表明您的设备目前没有健康的互联网连接。客户端将在离线模式下运行,直到它能够成功连接到后端。

如何解决这个错误?

标签: firebasereact-native

解决方案


对于本机反应。

考虑 [https://rnfirebase.io/]。这将帮助您如何在 react native 中安装 Firebase。由于 React Native 是一个跨平台并在本机 dom 上运行,因此您需要链接库并在 firebase 控制台中添加您的包和包 ID。再次不要担心,此链接将帮助您轻松完成所有工作。


推荐阅读