Ahojte chalani, ako sa všetci máte? Dúfam, že ste všetci v poriadku. Dnes implementujem firebase do svojej aplikácie, ale čelím nasledujúcej chybe Chyba pri pokuse o import: „firebase/app“ neobsahuje predvolený export (importované ako „firebase“) v ReactJs. Takže tu som vám tu vysvetlím všetky možné riešenia.

Bez toho, aby ste strácali čas, začnime týmto článkom na vyriešenie tejto chyby.

How Attempted Import error: ‚firebase/app‘ neobsahuje predvolený export (importovaný ako ‚firebase‘) Vyskytla sa chyba?

Dnes implementujem firebase do svojej aplikácie, ale čelím nasledujúcej chybe.

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

Tu je môj kód.

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

Ako vyriešiť chybu pri pokuse o import: ‚firebase/app‘ neobsahuje predvolený export (importovaný ako ‚firebase‘) Chyba?

  1. Ako vyriešiť chybu pri pokuse o import: ‚firebase/app‘ neobsahuje predvolený export (importovaný ako ‚firebase‘) Chyba?

    Ak chcete vyriešiť chybu pri pokuse o import: ‚firebase/app‘ neobsahuje predvolený export (importované ako ‚firebase‘) Chyba Ak používate verziu 9, nezabudnite, že veci sa trochu zmenili pri importe firebase Teraz je tu compatibility takže môžete vo svojich importoch použiť priečinok /compat. Tu je príklad Nahradiť tento riadok. importovať firebase z firebase/app; With This import firebase z ‚firebase/compat/app‘; Druhým riešením je, ak čelíte tejto chybe, jednoducho prejdite na niektorú z verzií firebase, ktorá je nižšia ako v9.

  2. Chyba pri pokuse o import: „firebase/app“ neobsahuje predvolený export (importované ako „firebase“)

    Ak chcete vyriešiť chybu pri pokuse o import: ‚firebase/app‘ neobsahuje predvolený export (importované ako ‚firebase‘) Chyba Ak používate verziu 9, nezabudnite, že veci sa trochu zmenili pri importe firebase Teraz je tu compatibility takže môžete vo svojich importoch použiť priečinok /compat. Tu je príklad Nahradiť tento riadok. importovať firebase z firebase/app; With This import firebase z ‚firebase/compat/app‘; Druhým riešením je, ak čelíte tejto chybe, jednoducho prejdite na niektorú z verzií firebase, ktorá je nižšia ako v9.

Riešenie 1: v importoch použite priečinok /compat

Ak používate verziu 9, nezabudnite, že veci sa trochu zmenili pri importovaní firebase. Teraz je tu a compatibility takže môžete použiť /compat priečinok vo vašich importoch. Tu je príklad.

Nahradiť tento riadok.

import firebase from "firebase/app";

S tým.

import firebase from 'firebase/compat/app';

Tu je niekoľko príkladov, ktoré sa zmenili vo verzii 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

Riešenie 2: Prejdite na nižšiu verziu Firebase

Ak sa stretnete s touto chybou, jednoducho prejdite na niektorú z verzií firebase, ktorá je nižšia ako v9.

Riešenie 3: vytvorte objekt aplikácie Firebase ako príklad nižšie

  1. Nainštalujte Firebase pomocou npm.
  2. npm nainštalovať firebase
  3. Inicializujte Firebase vo svojej aplikácii a vytvorte objekt Firebase App, ako je tento príklad nižšie.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Letný

Všetko je o tejto problematike. Dúfam, že vám všetky riešenia veľmi pomohli. Komentujte nižšie Vaše myšlienky a otázky. Do komentára tiež uveďte, ktoré riešenie pre vás fungovalo?