【问题标题】:React-Native: Firebase Error: No Firebase App [DEFAULT] has been created - call Firebase App.initializeApp() (app/no-app)React-Native:Firebase 错误:没有创建 Firebase App [DEFAULT] - 调用 Firebase App.initializeApp() (app/no-app)
【发布时间】:2022-11-07 03:30:46
【问题描述】:

当我尝试将 firebase 与我的 React Native 应用程序连接时,我收到了这个错误。

Firebase 错误:没有创建 Firebase 应用 [DEFAULT] - 调用 Firebase App.initializeApp() (app/no-app)

我在这里添加了我的代码-

    import { initializeApp } from "firebase/app";
    import { getAuth } from "firebase/auth";
    import { getFirestore } from "firebase/firestore";

   // Your web app's Firebase configuration
const RNfirebaseConfig = {
  apiKey: "........",
  authDomain: "note-app-rn.firebaseapp.com",
  projectId: "note-app-rn",
  storageBucket: "note-app-rn.appspot.com",
  messagingSenderId: ".....",
  appId: "......"
};

const app = initializeApp(RNfirebaseConfig);
export const auth = getAuth(app);
export const db = getFirestore(app);

【问题讨论】:

    标签: reactjs firebase react-native firebase-authentication


    【解决方案1】:

    尝试这个,

    import firebase from '@react-native-firebase/app';
    import '@react-native-firebase/auth';
    import '@react-native-firebase/firestore';
    
    const RNfirebaseConfig = {
      apiKey: "........",
      authDomain: "note-app-rn.firebaseapp.com",
      projectId: "note-app-rn",
      storageBucket: "note-app-rn.appspot.com",
      messagingSenderId: ".....",
      appId: "......"
    };
    
    let app;
    if (firebase.apps.length === 0) {
        app = firebase.initializeApp(RNfirebaseConfig )
    } else {
        app = firebase.app()
    }
    
    const db = firebase.firestore();
    const auth = firebase.auth();
    

    【讨论】:

    • 谢谢你的回答 Shivam,我试过了,但是这个问题发生了-Unable to resolve module @react-native-firebase/auth from D:App-Developmentirebase-authApp.js: @react-native-firebase/auth could not be found within the project or in these directories: node_modules``
    • 安装 @react-native-firebase/auth npm i @react-native-firebase/auth , @react-native-firebase/firestore npm i @react-native-firebase/firestore 和 @react-native-firebase/app npm i @react-native-firebase/app
    【解决方案2】:

    错误的主要来源与初始化配置设置有关。

    检查此用法;

    import firebase from 'firebase/compat/app'
    import 'firebase/compat/auth'
    import 'firebase/compat/firestore'
    
    export const firebaseConfig = {
        apiKey: "............",
        authDomain: "............",
        projectId: "............",
        storageBucket: "............",
        messagingSenderId: "............",
        appId: "............",
        measurementId: "............"
    }
    
    if (!firebase.apps.length){
        firebase.initializeApp(firebaseConfig);
    } 
    

    【讨论】:

      猜你喜欢
      • 2021-09-13
      • 1970-01-01
      • 1970-01-01
      • 2021-07-13
      • 2021-06-12
      • 2021-07-25
      • 1970-01-01
      • 2021-07-21
      • 2020-12-11
      相关资源
      最近更新 更多