Ahoj lidi, jak se všichni máte? Doufám, že jste všichni v pořádku. Dnes ve své aplikaci implementuji firebase, ale čelím následující chybě Chyba při pokusu o import: ‚firebase/app‘ neobsahuje výchozí export (importováno jako ‚firebase‘) v ReactJs. Zde vám tedy vysvětlím všechna možná řešení.

Aniž byste plýtvali časem, začněme tímto článkem, abychom tuto chybu vyřešili.

How Attempted import error: ‚firebase/app‘ neobsahuje výchozí export (importováno jako ‚firebase‘) Došlo k chybě?

Dnes ve své aplikaci implementuji firebase, ale čelím následující chybě.

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

Zde je můj kód.

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

Jak vyřešit chybu při pokusu o import: ‚firebase/app‘ neobsahuje výchozí export (importováno jako ‚firebase‘) Chyba ?

  1. Jak vyřešit chybu při pokusu o import: ‚firebase/app‘ neobsahuje výchozí export (importováno jako ‚firebase‘) Chyba?

    Chcete-li vyřešit chybu při pokusu o import: ‚firebase/app‘ neobsahuje výchozí export (importováno jako ‚firebase‘) Chyba Pokud používáte verzi 9, pak nezapomeňte, že se věci trochu změnily pro import firebase Nyní existuje compatibility takže můžete ve svých importech použít složku /compat. Zde je příklad Nahradit tento řádek. importovat firebase z firebase/app; With This import firebase z ‚firebase/compat/app‘; druhým řešením je, pokud se potýkáte s touto chybou, stačí přejít na jakoukoli verzi firebase, která je nižší než v9.

  2. Chyba při pokusu o import: ‚firebase/app‘ neobsahuje výchozí export (importováno jako ‚firebase‘)

    Chcete-li vyřešit chybu při pokusu o import: ‚firebase/app‘ neobsahuje výchozí export (importováno jako ‚firebase‘) Chyba Pokud používáte verzi 9, pak nezapomeňte, že se věci trochu změnily pro import firebase Nyní existuje compatibility takže můžete ve svých importech použít složku /compat. Zde je příklad Nahradit tento řádek. importovat firebase z firebase/app; With This import firebase z ‚firebase/compat/app‘; druhým řešením je, pokud se potýkáte s touto chybou, stačí přejít na jakoukoli verzi firebase, která je nižší než v9.

Řešení 1: v importech použijte složku /compat

Pokud používáte verzi 9, pak nezapomeňte, že se věci trochu změnily pro import firebase. Nyní je zde a compatibility tak lze použít /compat složky ve vašich importech. Zde je příklad.

Nahradit tento řádek.

import firebase from "firebase/app";

S tím.

import firebase from 'firebase/compat/app';

Zde je několik příkladů, které byly změněny ve verzi 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

Řešení 2: Přejděte na nižší verzi Firebase

Pokud se potýkáte s touto chybou, přejděte na jakoukoli verzi firebase, která je nižší než v9.

Řešení 3: vytvořte objekt Firebase App Jako příklad níže

  1. Nainstalujte Firebase pomocí npm.
  2. npm nainstalovat firebase
  3. Inicializujte Firebase ve své aplikaci a vytvořte objekt Firebase App, jako je tento příklad níže.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Letní

Je to všechno o tomto problému. Doufám, že vám všechna řešení hodně pomohla. Komentáře níže Vaše myšlenky a dotazy. Níže také napište, jaké řešení pro vás fungovalo?