TypeError: firebase.initializeApp не является функцией. (В 'firebase.initializeApp (firebaseConfig)', 'firebase.initializeApp' не определено)

Question

Когда я импортирую firebase на реактивную версию, то сталкиваюсь с такими проблемами:

import * as firebase  from "firebase";
var firebaseConfig = {
  apiKey: "AIzaSyDbc4JBUHobXBjP5IhPOTV-CYRZESiL-Bc",
  authDomain: "chatapp-da691.firebaseapp.com",
  databaseURL: "https://chatapp-da691.firebaseio.com",
  projectId: "chatapp-da691",
  storageBucket: "chatapp-da691.appspot.com",
  messagingSenderId: "1053885314918",
  appId: "1:1053885314918:web:e37ac890e0b1b831593aa7"
};
firebase.initializeApp(firebaseConfig);

Answer 1

Вам необходимо добавить последнюю версию базы Firebase.

Вы можете использовать yarn add @react-native-firebase/app или npm i @react-native-firebase/app.

, а затем импортировать из нее базу FireBase.

Для справки вы можете использовать response-native-firebase

Answer 2

установить эту зависимость. npm установить firebase. Вы можете заменить свой код этим.

 import  firebase  from 'firebase';
        class Fire{
            constructor(){
                this.init();
                this.checkAuth();
            }
            init=()=>{
                if(!firebase.apps.length){
                    firebase.initializeApp({

                            apiKey: "AIzaSyBaZnaAjgGES7U6NI8f2fwFSdnH53tdK0E",
                            authDomain: "chatapp-8484d.firebaseapp.com",
                            databaseURL: "https://chatapp-8484d.firebaseio.com",
                            projectId: "chatapp-8484d",
                            storageBucket: "chatapp-8484d.appspot.com",
                            messagingSenderId: "26327277571",
                            appId: "1:26327277571:web:2fa2f600b0b0067d816e36"

                    });
                }
            };
            checkAuth=()=>{
                firebase.auth().onAuthStateChanged(user=>{
                    if(!user){
                        firebase.auth().signInAnonymously();
                    }
                });
            };

Answer 3

Вы используете пакет firebase, предназначенный для Интернета. Вы должны использовать нативные пакеты, такие как react-native-firebase

Answer 4

В соответствии с документами :

Сначала необходимо установить firebase пакет:

npm install --save firebase

Затем импортировать его, используя firebase/app:

// Firebase App (the core Firebase SDK) is always required and
// must be listed before other Firebase SDKs
import * as firebase from "firebase/app";