Bonjour les gars, comment allez-vous tous? J’espère que vous allez tous bien. Aujourd’hui, j’implémente firebase dans mon application, mais je suis confronté à l’erreur suivante Erreur de tentative d’importation : ‘firebase/app’ ne contient pas d’exportation par défaut (importée en tant que ‘firebase’) dans ReactJs. Alors voilà, je vous explique ici toutes les solutions possibles.

Sans perdre votre temps, commençons cet article pour résoudre cette erreur.

Comment Tentative d’erreur d’importation : ‘firebase/app’ ne contient pas d’exportation par défaut (importée en tant que ‘firebase’) L’erreur se produit-elle ?

Aujourd’hui, j’implémente Firebase dans mon application, mais je suis confronté à l’erreur suivante.

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

Voici mon code.

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

Comment résoudre l’erreur d’importation tentée : ‘firebase/app’ ne contient pas d’erreur d’exportation par défaut (importée en tant que ‘firebase’) ?

  1. Comment résoudre l’erreur d’importation tentée : ‘firebase/app’ ne contient pas d’erreur d’exportation par défaut (importée en tant que ‘firebase’) ?

    Pour résoudre l’erreur d’importation tentée : ‘firebase/app’ ne contient pas d’exportation par défaut (importée en tant que ‘firebase’) Erreur Si vous utilisez la version 9, n’oubliez pas que les choses ont un peu changé pour l’importation de firebase Maintenant, il y a un compatibility vous pouvez donc utiliser le dossier /compat dans vos importations. Voici un exemple Remplacer cette ligne. importer la base de feu à partir de firebase/app; Avec cette base de feu d’importation à partir de ‘firebase/compat/app’ ; La deuxième solution est que si vous rencontrez cette erreur, il vous suffit de rétrograder vers l’une des versions de base de feu inférieures à la v9.

  2. Erreur de tentative d’importation : ‘firebase/app’ ne contient pas d’exportation par défaut (importée en tant que ‘firebase’)

    Pour résoudre l’erreur d’importation tentée : ‘firebase/app’ ne contient pas d’exportation par défaut (importée en tant que ‘firebase’) Erreur Si vous utilisez la version 9, n’oubliez pas que les choses ont un peu changé pour l’importation de firebase Maintenant, il y a un compatibility vous pouvez donc utiliser le dossier /compat dans vos importations. Voici un exemple Remplacer cette ligne. importer la base de feu à partir de firebase/app; Avec cette base de feu d’importation à partir de ‘firebase/compat/app’ ; La deuxième solution est que si vous rencontrez cette erreur, il vous suffit de rétrograder vers l’une des versions de base de feu inférieures à la v9.

Solution 1 : utilisez le dossier /compat dans les importations

Si vous utilisez la version 9, n’oubliez pas que les choses ont un peu changé pour l’importation de Firebase. Maintenant, il y a un compatibility peut donc utiliser le /compat dossier dans vos importations. Voici un exemple.

Remplacez cette ligne.

import firebase from "firebase/app";

Avec ça.

import firebase from 'firebase/compat/app';

Voici un exemple qui est modifié dans la version 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

Solution 2 : Rétrograder la version Firebase

Si vous rencontrez cette erreur, rétrogradez simplement vers l’une des versions de base de feu inférieures à la v9.

Solution 3 : créer un objet Firebase App comme l’exemple ci-dessous

  1. Installez Firebase à l’aide de npm.
  2. npm installer la base de feu
  3. Initialisez Firebase dans votre application et créez un objet Firebase App Comme cet exemple ci-dessous.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Estival

Tout tourne autour de ce problème. J’espère que toutes les solutions vous ont beaucoup aidé. Commentez ci-dessous Vos pensées et vos questions. Aussi, commentez ci-dessous quelle solution a fonctionné pour vous?