Hallo jongens, hoe gaat het met jullie allemaal? Ik hoop dat jullie allemaal in orde zijn. Vandaag implementeer ik firebase in mijn app Maar ik word geconfronteerd met de volgende fout: Poging tot importfout: ‘firebase/app’ bevat geen standaardexport (geïmporteerd als ‘firebase’) in ReactJs. Dus hier ben ik Leg u alle mogelijke oplossingen hier uit.

Zonder uw tijd te verspillen, laten we dit artikel beginnen om deze fout op te lossen.

Hoe Poging tot importfout: ‘firebase/app’ bevat geen standaard export (geïmporteerd als ‘firebase’) Fout treedt op?

Vandaag implementeer ik firebase in mijn app. Maar ik word geconfronteerd met de volgende fout.

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

Hier is mijn code.

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

Hoe een poging tot importfout op te lossen: ‘firebase/app’ bevat geen standaard export (geïmporteerd als ‘firebase’) Fout?

  1. Hoe een poging tot importfout op te lossen: ‘firebase/app’ bevat geen standaard export (geïmporteerd als ‘firebase’) Fout?

    Om de poging tot importfout op te lossen: ‘firebase/app’ bevat geen standaard export (geïmporteerd als ‘firebase’) Fout Als u versie 9 gebruikt, vergeet dan niet dat er een beetje is veranderd voor het importeren van firebase. compatibility dus kan de map /compat in uw imports gebruiken. Hier is een voorbeeld Vervang deze regel. importeer firebase van firebase/app; Met Deze import firebase van ‘firebase/compat/app’; tweede oplossing is als u met deze fout wordt geconfronteerd, downgrade dan gewoon naar een van de firebase-versies die lager is dan v9.

  2. Poging tot importfout: ‘firebase/app’ bevat geen standaardexport (geïmporteerd als ‘firebase’)

    Om de poging tot importfout op te lossen: ‘firebase/app’ bevat geen standaard export (geïmporteerd als ‘firebase’) Fout Als u versie 9 gebruikt, vergeet dan niet dat er een beetje is veranderd voor het importeren van firebase. compatibility dus kan de map /compat in uw imports gebruiken. Hier is een voorbeeld Vervang deze regel. importeer firebase van firebase/app; Met Deze import firebase van ‘firebase/compat/app’; tweede oplossing is als u met deze fout wordt geconfronteerd, downgrade dan gewoon naar een van de firebase-versies die lager is dan v9.

Oplossing 1: gebruik de map /compat in imports

Als u versie 9 gebruikt, vergeet dan niet dat de dingen een beetje zijn veranderd voor het importeren van firebase. Nu is er een compatibility dus kan de gebruiken /compat map in uw import. Hier is een voorbeeld.

Vervang deze regel.

import firebase from "firebase/app";

Hiermee.

import firebase from 'firebase/compat/app';

Hier is een voorbeeld dat is gewijzigd in versie 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

Oplossing 2: Firebase-versie downgraden

Als u met deze fout wordt geconfronteerd, downgrade dan gewoon naar een van de firebase-versies die lager is dan v9.

Oplossing 3: maak een Firebase App-object Zoals onderstaand voorbeeld

  1. Installeer Firebase met npm.
  2. npm installeer firebase
  3. Initialiseer Firebase in uw app en maak een Firebase App-object Zoals in dit onderstaande voorbeeld.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Zomers

Het draait allemaal om deze kwestie. Ik hoop dat alle oplossingen je veel hebben geholpen. Reageer hieronder Uw gedachten en uw vragen. Reageer hieronder ook welke oplossing voor u werkte?