Ciao ragazzi, come state? Spero che stiate tutti bene. Oggi sto implementando Firebase nella mia app, ma sto riscontrando il seguente errore Tentativo di errore di importazione: “firebase/app” non contiene un’esportazione predefinita (importata come “firebase”) in ReactJs. Quindi eccomi qui ti spiego tutte le possibili soluzioni.

Senza perdere tempo, iniziamo questo articolo per risolvere questo errore.

Errore durante il tentativo di importazione: ‘firebase/app’ non contiene un’esportazione predefinita (importata come ‘firebase’) Si verifica un errore?

Oggi sto implementando Firebase nella mia app, ma sto riscontrando il seguente errore.

./src/firebase.js Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').

Ecco il mio codice.

import firebase from "firebase/app";
import "firebase/auth";

Come risolvere Tentativo di errore di importazione: ‘firebase/app’ non contiene un’esportazione predefinita (importata come ‘firebase’) Errore?

  1. Come risolvere Tentativo di errore di importazione: “firebase/app” non contiene un errore di esportazione predefinito (importato come “firebase”)?

    Per risolvere Tentativo errore di importazione: ‘firebase/app’ non contiene un’esportazione predefinita (importata come ‘firebase’) Errore Se stai usando la versione 9, non dimenticare che le cose sono cambiate un po’ per l’importazione di Firebase Ora c’è un compatibility quindi puoi usare la cartella /compat nelle tue importazioni. Ecco un esempio Sostituisci questa riga. importa Firebase da firebase/app; Con questo importa firebase da ‘firebase/compat/app’; la seconda soluzione è Se stai riscontrando questo errore, esegui il downgrade a una qualsiasi delle versioni di Firebase inferiori a v9.

  2. Tentativo di errore di importazione: “firebase/app” non contiene un’esportazione predefinita (importata come “firebase”)

    Per risolvere Tentativo errore di importazione: ‘firebase/app’ non contiene un’esportazione predefinita (importata come ‘firebase’) Errore Se stai usando la versione 9, non dimenticare che le cose sono cambiate un po’ per l’importazione di Firebase Ora c’è un compatibility quindi puoi usare la cartella /compat nelle tue importazioni. Ecco un esempio Sostituisci questa riga. importa Firebase da firebase/app; Con questo importa firebase da ‘firebase/compat/app’; la seconda soluzione è Se stai riscontrando questo errore, esegui il downgrade a una qualsiasi delle versioni di Firebase inferiori a v9.

Soluzione 1: utilizzare la cartella /compat nelle importazioni

Se stai usando la versione 9, non dimenticare che le cose sono cambiate un po’ per l’importazione di Firebase Ora c’è un compatibility quindi puoi usare il /compat cartella nelle tue importazioni. Ecco un esempio.

Sostituisci questa riga.

import firebase from "firebase/app";

Con questo.

import firebase from 'firebase/compat/app';

Ecco alcuni esempi che sono stati modificati nella versione 9

//to use firebase app
import firebase from 'firebase/app'; //older version
import firebase from 'firebase/compat/app'; //v9

//to use auth
import 'firebase/auth'; //older version
import 'firebase/compat/auth'; //v9

//to use firestore
import 'firebase/firestore'; //Older Version
import 'firebase/compat/firestore'; //v9

Soluzione 2: eseguire il downgrade della versione firebase

Se stai riscontrando questo errore, esegui il downgrade a una qualsiasi delle versioni di Firebase inferiori a v9.

Soluzione 3: crea un oggetto App Firebase come nell’esempio seguente

  1. Installa Firebase usando npm.
  2. npm installa firebase
  3. Inizializza Firebase nella tua app e crea un oggetto App Firebase Come questo esempio di seguito.
import { initializeApp } from 'firebase/app';

// TODO: Replace the following with your app's Firebase project
configuration const firebaseConfig = {   //... };

const app = initializeApp(firebaseConfig);

Estivo

È tutto su questo problema. Spero che tutte le soluzioni ti abbiano aiutato molto. Commenta qui sotto I tuoi pensieri e le tue domande. Inoltre, commenta di seguito quale soluzione ha funzionato per te?