Hej killar, hur mår ni alla? Hoppas ni alla mår bra. Idag implementerar jag firebase i min app Men jag står inför följande fel Försökt importfel: ’firebase/app’ innehåller ingen standardexport (importerad som ’firebase’) i ReactJs. Så här är jag Förklara för dig alla möjliga lösningar här.

Utan att slösa bort din tid, låt oss börja den här artikeln för att lösa det här felet.

Hur Försökt importfel: ’firebase/app’ innehåller ingen standardexport (importeras som ’firebase’) Fel inträffar?

Idag implementerar jag firebase i min app Men jag står inför följande fel.

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

Här är min kod.

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

Så här löser du försökt importfel: ’firebase/app’ innehåller inget standardexportfel (importeras som ’firebase’)?

  1. Hur man löser försök med importfel: ’firebase/app’ innehåller inget standardexportfel (importeras som ’firebase’)?

    För att lösa försök till importfel: ’firebase/app’ innehåller ingen standardexport (importeras som ’firebase’) Fel Om du använder version 9, glöm inte att saker och ting ändrades lite för import av firebase. Nu finns det en compatibility så kan använda mappen /compat i dina importer. Här är ett exempel Ersätt denna rad. importera firebase från firebase/app; Med denna importera firebase från ’firebase/compat/app’; andra lösningen är om du står inför det här felet, nedgradera bara till någon av firebaseversionerna som är lägre än v9.

  2. Försökt importfel: ’firebase/app’ innehåller ingen standardexport (importerad som ’firebase’)

    För att lösa försök till importfel: ’firebase/app’ innehåller ingen standardexport (importeras som ’firebase’) Fel Om du använder version 9, glöm inte att saker och ting ändrades lite för import av firebase. Nu finns det en compatibility så kan använda mappen /compat i dina importer. Här är ett exempel Ersätt denna rad. importera firebase från firebase/app; Med denna importera firebase från ’firebase/compat/app’; andra lösningen är om du står inför det här felet, nedgradera bara till någon av firebaseversionerna som är lägre än v9.

Lösning 1: använd mappen /compat i importer

Om du använder version 9, glöm inte att saker och ting ändrades lite för import av firebase. Nu finns det en compatibility så kan använda /kompat mapp i dina importer. Här är ett exempel.

Byt ut denna linje.

import firebase from "firebase/app";

Med detta.

import firebase from 'firebase/compat/app';

Här är ett exempel som har ändrats 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: Nedgradera firebase-versionen

Om du står inför det här felet är det bara att nedgradera till någon av firebaseversionerna som är lägre än v9.

Lösning 3: skapa ett Firebase App-objekt Som exemplet nedan

  1. Installera Firebase med npm.
  2. npm installera firebase
  3. Initiera Firebase i din app och skapa ett Firebase-appobjekt Som det här exemplet nedan.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Sommarlik

Allt handlar om den här frågan. Hoppas alla lösningar hjälpte dig mycket. Kommentera nedan Dina tankar och dina frågor. Kommentera också nedan vilken lösning som fungerade för dig?