Hej gutter, hvordan har I det alle sammen? Håber I alle har det godt. I dag implementerer jeg firebase i min app, men jeg står over for følgende fejl Forsøg på importfejl: ‘firebase/app’ indeholder ikke en standardeksport (importeret som ‘firebase’) i ReactJs. Så her er jeg Forklar dig alle de mulige løsninger her.

Uden at spilde din tid, lad os starte denne artikel for at løse denne fejl.

Hvordan Forsøgt importfejl: ‘firebase/app’ indeholder ikke en standard eksportfejl (importeret som ‘firebase’) Fejl opstår?

I dag implementerer jeg firebase i min app, men jeg står over for følgende fejl.

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

Her er min kode.

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

Sådan løses Forsøgt importfejl: ‘firebase/app’ indeholder ikke en standard eksportfejl (importeret som ‘firebase’) Fejl ?

  1. Sådan løses Forsøgt importfejl: ‘firebase/app’ indeholder ikke en standard eksportfejl (importeret som ‘firebase’)?

    For at løse forsøg på importfejl: ‘firebase/app’ indeholder ikke en standardeksport (importeret som ‘firebase’) Fejl Hvis du bruger version 9, så glem ikke, at tingene ændrede sig en smule for import af firebase. Nu er der en compatibility så kan bruge mappen /compat i dine importer. Her er et eksempel Erstat denne linje. importere firebase fra firebase/app; Med denne importerer firebase fra ‘firebase/compat/app’; anden løsning er Hvis du står over for denne fejl, skal du bare nedgradere til en af ​​firebase-versionerne, der er lavere end v9.

  2. Forsøg på importfejl: ‘firebase/app’ indeholder ikke en standardeksport (importeret som ‘firebase’)

    For at løse forsøg på importfejl: ‘firebase/app’ indeholder ikke en standardeksport (importeret som ‘firebase’) Fejl Hvis du bruger version 9, så glem ikke, at tingene ændrede sig en smule for import af firebase. Nu er der en compatibility så kan bruge mappen /compat i dine importer. Her er et eksempel Erstat denne linje. importere firebase fra firebase/app; Med denne importerer firebase fra ‘firebase/compat/app’; anden løsning er Hvis du står over for denne fejl, skal du bare nedgradere til en af ​​firebase-versionerne, der er lavere end v9.

Løsning 1: brug mappen /compat i importer

Hvis du bruger version 9, så glem ikke, at tingene ændrede sig lidt for import af firebase. Nu er der en compatibility så kan bruge /kompat mappe i dine importer. Her er et eksempel.

Udskift denne linje.

import firebase from "firebase/app";

Med dette.

import firebase from 'firebase/compat/app';

Her er et eksempel, som er ændret i 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

Løsning 2: Nedgrader firebase-versionen

Hvis du står over for denne fejl, skal du bare nedgradere til en af ​​firebase-versionerne, der er lavere end v9.

Løsning 3: Opret et Firebase App-objekt som eksempel nedenfor

  1. Installer Firebase ved hjælp af npm.
  2. npm installere firebase
  3. Initialiser Firebase i din app, og opret et Firebase App-objekt som dette eksempel nedenfor.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Sommerlig

Det handler om dette spørgsmål. Håber alle løsninger hjalp dig meget. Kommenter nedenfor Dine tanker og dine spørgsmål. Skriv også en kommentar nedenfor, hvilken løsning fungerede for dig?