Hola chicos, ¿cómo están todos? Espero que todos estéis bien. Hoy estoy implementando firebase en mi aplicación, pero me encuentro con el siguiente error Intento de error de importación: ‘firebase/app’ no contiene una exportación predeterminada (importada como ‘firebase’) en ReactJs. Así que aquí estoy Te explico todas las posibles soluciones aquí.

Sin perder el tiempo, comencemos este artículo para resolver este error.

¿Cómo se intentó el error de importación: ‘firebase/app’ no contiene una exportación predeterminada (importada como ‘firebase’)?

Hoy estoy implementando Firebase en mi aplicación, pero me encuentro con el siguiente error.

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

Aquí está mi código.

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

¿Cómo resolver el error de importación intentado: ‘firebase/app’ no contiene un error de exportación predeterminado (importado como ‘firebase’)?

  1. ¿Cómo resolver el error de importación intentado: ‘firebase/app’ no contiene un error de exportación predeterminado (importado como ‘firebase’)?

    Para resolver el error de importación intentado: ‘firebase/app’ no contiene una exportación predeterminada (importada como ‘firebase’) Error Si está utilizando la versión 9, no olvide que las cosas cambiaron un poco para importar firebase Ahora hay un compatibility entonces puede usar la carpeta /compat en sus importaciones. Aquí hay un ejemplo Reemplazar esta línea. importar firebase desde firebase/app; Con esta base de fuego de importación desde ‘firebase/compat/app’; La segunda solución es si se enfrenta a este error, simplemente cambie a cualquiera de las versiones de Firebase que sean inferiores a v9.

  2. Intento de error de importación: ‘firebase/app’ no contiene una exportación predeterminada (importada como ‘firebase’)

    Para resolver el error de importación intentado: ‘firebase/app’ no contiene una exportación predeterminada (importada como ‘firebase’) Error Si está utilizando la versión 9, no olvide que las cosas cambiaron un poco para importar firebase Ahora hay un compatibility entonces puede usar la carpeta /compat en sus importaciones. Aquí hay un ejemplo Reemplazar esta línea. importar firebase desde firebase/app; Con esta base de fuego de importación desde ‘firebase/compat/app’; La segunda solución es si se enfrenta a este error, simplemente cambie a cualquiera de las versiones de Firebase que sean inferiores a v9.

Solución 1: utilice la carpeta /compat en las importaciones

Si está utilizando la versión 9, no olvide que las cosas cambiaron un poco para importar firebase Ahora hay un compatibility entonces puede usar el /compatibilidad carpeta en sus importaciones. Aquí hay un ejemplo.

Reemplazar esta línea.

import firebase from "firebase/app";

Con este.

import firebase from 'firebase/compat/app';

Aquí hay un ejemplo que se cambia en la versión 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

Solución 2: degradar la versión de firebase

Si se enfrenta a este error, simplemente cambie a cualquiera de las versiones de Firebase que sean inferiores a v9.

Solución 3: cree un objeto de aplicación Firebase como el siguiente ejemplo

  1. Instale Firebase usando npm.
  2. npm instalar base de fuego
  3. Inicialice Firebase en su aplicación y cree un objeto de aplicación de Firebase como este ejemplo a continuación.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Veraniego

Se trata de este problema. Espero que toda la solución te haya ayudado mucho. Comenta abajo Tus pensamientos y tus consultas. Además, comente a continuación qué solución funcionó para usted.