Cześć chłopaki, jak się macie? Mam nadzieję, że wszystko w porządku. Dzisiaj wdrażam Firebase w swojej aplikacji, ale napotykam następujący błąd Błąd próby importu: „firebase/aplikacja” nie zawiera domyślnego eksportu (importowane jako „firebase”) w ReactJs. Więc tutaj wyjaśnię wam wszystkie możliwe rozwiązania tutaj.

Nie marnując czasu, zacznijmy od tego artykułu, aby rozwiązać ten błąd.

Jak próba błędu importu: „firebase/app” nie zawiera domyślnego eksportu (importowanego jako „firebase”) Występuje błąd ?

Dzisiaj implementuję Firebase w swojej aplikacji, ale mam do czynienia z następującym błędem.

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

Oto mój kod.

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

Jak rozwiązać błąd próby importu: „firebase/app” nie zawiera domyślnego eksportu (importowanego jako „firebase”) Błąd ?

  1. Jak rozwiązać błąd próby importu: „firebase/app” nie zawiera domyślnego błędu eksportu (importowanego jako „firebase”)?

    Aby rozwiązać błąd próby importu: „firebase/app” nie zawiera domyślnego eksportu (importowany jako „firebase”) Błąd Jeśli używasz wersji 9, nie zapominaj, że trochę się zmieniło w przypadku importowania Firebase Teraz jest compatibility więc możesz użyć folderu /compat w swoich importach. Oto przykład Zastąp tę linię. importuj Firebase z firebase/app; Dzięki temu zaimportuj Firebase z „firebase/compat/app”; Drugim rozwiązaniem jest to, że jeśli napotkasz ten błąd, po prostu zmień wersję na dowolną wersję Firebase, która jest niższa niż v9.

  2. Błąd próby importu: „firebase/aplikacja” nie zawiera domyślnego eksportu (importowane jako „firebase”)

    Aby rozwiązać błąd próby importu: „firebase/app” nie zawiera domyślnego eksportu (importowany jako „firebase”) Błąd Jeśli używasz wersji 9, nie zapominaj, że trochę się zmieniło w przypadku importowania Firebase Teraz jest compatibility więc możesz użyć folderu /compat w swoich importach. Oto przykład Zastąp tę linię. importuj Firebase z firebase/app; Dzięki temu zaimportuj Firebase z „firebase/compat/app”; Drugim rozwiązaniem jest to, że jeśli napotkasz ten błąd, po prostu zmień wersję na dowolną wersję Firebase, która jest niższa niż v9.

Rozwiązanie 1: użyj folderu /compat w importach

Jeśli używasz wersji 9, nie zapominaj, że trochę się zmieniło w przypadku importowania Firebase Teraz jest compatibility więc można użyć /kompatybilny folder w swoich importach. Oto przykład.

Zastąp tę linię.

import firebase from "firebase/app";

Z tym.

import firebase from 'firebase/compat/app';

Oto przykład, który został zmieniony w wersji 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

Rozwiązanie 2: Zmień wersję Firebase na starszą

Jeśli napotkasz ten błąd, po prostu zmień wersję na dowolną wersję Firebase, która jest niższa niż v9.

Rozwiązanie 3: utwórz obiekt Firebase App Jak na poniższym przykładzie

  1. Zainstaluj Firebase przy użyciu npm.
  2. npm zainstaluj bazę ogniową
  3. Zainicjuj Firebase w swojej aplikacji i utwórz obiekt Firebase App Jak w poniższym przykładzie.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Letni

Chodzi o ten problem. Mam nadzieję, że wszystkie rozwiązania bardzo ci pomogły. Skomentuj poniżej Twoje przemyślenia i pytania. Ponadto skomentuj poniżej, które rozwiązanie zadziałało dla Ciebie?