Sziasztok srácok, hogy vagytok? Remélem mindannyian jól vagytok. Ma implementálom a Firebase-t az alkalmazásomban, de a következő hibával szembesülök Megkísérelt importálási hiba: a “firebase/app” nem tartalmaz alapértelmezett exportálást (“firebase” néven importálva) ban ben ReactJs. Tehát itt vagyok, és elmagyarázom Önnek az összes lehetséges megoldást.

Anélkül, hogy pazarolja az idejét, kezdje el ezt a cikket a hiba megoldásához.

Hogyan próbálta meg importálni a hibát: A “firebase/app” nem tartalmaz alapértelmezett exportálást (“firebase”-ként importálva) Hiba jelentkezik?

Ma implementálom a Firebase-t az alkalmazásomban, de a következő hibával szembesülök.

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

Itt a kódom.

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

A megkísérelt importálási hiba megoldása: A „firebase/app” nem tartalmaz alapértelmezett exportálást („firebaseként” importálva) Hiba?

  1. Hogyan lehet megoldani a megkísérelt importálási hibát: A „firebase/app” nem tartalmaz alapértelmezett exportálást („firebaseként” importálva) Hiba?

    A megkísérelt importálási hiba megoldása: A “firebase/app” nem tartalmaz alapértelmezett exportálást (“firebaseként” importálva) Hiba Ha a 9-es verziót használja, ne felejtse el, hogy a Firebase importálása egy kicsit megváltozott. compatibility így használhatja a /compat mappát az importálás során. Íme egy példa Replace This line. Firebase importálása innen firebase/app; Ezzel importálhatja a Firebase-t a „firebase/compat/app”-ból; A második megoldás: Ha ezzel a hibával szembesül, egyszerűen váltson le a Firebase bármelyik verziójára, amely alacsonyabb, mint a v9.

  2. Megkísérelt importálási hiba: a “firebase/app” nem tartalmaz alapértelmezett exportálást (“firebase” néven importálva)

    A megkísérelt importálási hiba megoldása: A “firebase/app” nem tartalmaz alapértelmezett exportálást (“firebaseként” importálva) Hiba Ha a 9-es verziót használja, ne felejtse el, hogy a Firebase importálása egy kicsit megváltozott. compatibility így használhatja a /compat mappát az importálás során. Íme egy példa Replace This line. Firebase importálása innen firebase/app; Ezzel importálhatja a Firebase-t a „firebase/compat/app”-ból; A második megoldás: Ha ezzel a hibával szembesül, egyszerűen váltson le a Firebase bármelyik verziójára, amely alacsonyabb, mint a v9.

1. megoldás: használja a /compat mappát az importálásnál

Ha a 9-es verziót használja, ne felejtse el, hogy a dolgok egy kicsit megváltoztak a Firebase importálásakor. compatibility így használhatja a /compat mappát az importálásban. Íme egy példa.

Cserélje ki ezt a sort.

import firebase from "firebase/app";

Ezzel.

import firebase from 'firebase/compat/app';

Íme néhány példa, amely a 9-es verzióban megváltozott

//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

2. megoldás: Frissítse a Firebase verzióját

Ha ezzel a hibával szembesül, egyszerűen váltson le a Firebase bármelyik verziójára, amely alacsonyabb, mint a v9.

3. megoldás: hozzon létre egy Firebase App objektumot az alábbi példához hasonlóan

  1. Telepítse a Firebase-t az npm használatával.
  2. npm telepítse a firebase-t
  3. Inicializálja a Firebase-t az alkalmazásban, és hozzon létre egy Firebase-alkalmazásobjektumot az alábbi példa szerint.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Nyárias

Minden erről a kérdésről szól. Remélem, minden megoldás sokat segített. Írja meg kommentben gondolatait és kérdéseit. Továbbá írja meg kommentben, hogy melyik megoldás vált be Önnek?