1
votes

TypeError: firebase.initializeApp n'est pas une fonction. (Dans 'firebase.initializeApp (firebaseConfig)', 'firebase.initializeApp' n'est pas défini)

Lorsque j'importe Firebase sur react-native, je rencontre des problèmes de ce genre.

import * as firebase  from "firebase";
var firebaseConfig = {
  apiKey: "[data_private]",
  authDomain: "[data_private]",
  databaseURL: "https://[data_private].firebaseio.com",
  projectId: "[data_private]",
  storageBucket: "[data_private]",
  messagingSenderId: "[data_private]",
  appId: "[data_private]"
};
firebase.initializeApp(firebaseConfig);

firebase react-native

0 commentaires

5 Réponses :

2
votes

Selon la documentation :

Vous devez d'abord installer package firebase :

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

Puis importez-le en utilisant firebase/app:

npm install --save firebase

0 commentaires

2
votes

Vous devez ajouter la dernière version de Firebase.

Vous pouvez utiliser yarn add @ react-native-firebase / app ou npm i @ react-native-firebase / app .

Et puis importez Firebase à partir de celui-ci.

Pour référence, vous pouvez utiliser react-native-firebase

0 commentaires

1
votes

Vous utilisez le package firebase qui est pour le Web. Vous devez utiliser des packages natifs comme react-native-firebase

0 commentaires

0
votes

installez cette dépendance. npm installe Firebase. vous pouvez remplacer votre code par celui-ci.

 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();
                    }
                });
            };

0 commentaires

0
votes

Pour moi, cette solution fonctionne

Étape 1: Installez Firebase en utilisant npm:

var firebase = require('firebase');
var firebaseConfig = {
    apiKey: "[private_data]",
    authDomain: "[private_data]",
    projectId: "[private_data]",
    storageBucket: "[private_data]",
    messagingSenderId: "[private_data]",
    appId: "[private_data]",
    measurementId: "[private_data]"
};
const fireApp = firebase.initializeApp(firebaseConfig);
console.log(fireApp);

Étape 2: Ajoutez cette ligne de code dans votre code natif react:

npm install --save firebase

0 commentaires