Hallo Leute, wie geht es euch allen? Hoffe es geht euch allen gut. Heute implementiere ich Firebase in meiner App, aber ich stehe vor dem folgenden Fehler Versuchter Importfehler: „Firebase/App“ enthält keinen Standardexport (importiert als „Firebase“) in ReactJs. Also hier bin ich Erkläre dir hier alle möglichen Lösungen.

Beginnen wir mit diesem Artikel, um diesen Fehler zu beheben, ohne Ihre Zeit zu verschwenden.

Wie Versuchter Importfehler: „Firebase/App“ enthält keinen Standardexport (importiert als „Firebase“). Fehler tritt auf?

Heute implementiere ich Firebase in meiner App, aber ich stehe vor dem folgenden Fehler.

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

Hier ist mein Code.

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

So beheben Sie den versuchten Importfehler: „Firebase/App“ enthält keinen Standardexportfehler (importiert als „Firebase“).

  1. So beheben Sie den versuchten Importfehler: „Firebase/App“ enthält keinen Standardexportfehler (importiert als „Firebase“).

    So beheben Sie den versuchten Importfehler: „Firebase/App“ enthält keinen Standardexport (importiert als „Firebase“) Fehler Wenn Sie Version 9 verwenden, vergessen Sie nicht, dass sich die Dinge beim Importieren von Firebase ein wenig geändert haben compatibility Sie können also den /compat-Ordner in Ihren Importen verwenden. Hier ist ein Beispiel Diese Zeile ersetzen. Importiere Firebase aus firebase/app; Mit This import firebase from ‚firebase/compat/app‘; Die zweite Lösung ist: Wenn Sie auf diesen Fehler stoßen, führen Sie einfach ein Downgrade auf eine der Firebase-Versionen durch, die niedriger als v9 ist.

  2. Versuchter Importfehler: „Firebase/App“ enthält keinen Standardexport (importiert als „Firebase“)

    So beheben Sie den versuchten Importfehler: „Firebase/App“ enthält keinen Standardexport (importiert als „Firebase“) Fehler Wenn Sie Version 9 verwenden, vergessen Sie nicht, dass sich die Dinge beim Importieren von Firebase ein wenig geändert haben compatibility Sie können also den /compat-Ordner in Ihren Importen verwenden. Hier ist ein Beispiel Diese Zeile ersetzen. Importiere Firebase aus firebase/app; Mit This import firebase from ‚firebase/compat/app‘; Die zweite Lösung ist: Wenn Sie auf diesen Fehler stoßen, führen Sie einfach ein Downgrade auf eine der Firebase-Versionen durch, die niedriger als v9 ist.

Lösung 1: Verwenden Sie den /compat-Ordner in Importen

Wenn Sie Version 9 verwenden, vergessen Sie nicht, dass sich die Dinge beim Importieren von Firebase ein wenig geändert haben. Jetzt gibt es eine compatibility so können die verwenden /kompat Ordner in Ihren Importen. Hier ist ein Beispiel.

Ersetzen Sie diese Zeile.

import firebase from "firebase/app";

Mit diesem.

import firebase from 'firebase/compat/app';

Hier ist ein Beispiel, das in Version 9 geändert wurde

//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ösung 2: Downgrade der Firebase-Version

Wenn Sie auf diesen Fehler stoßen, führen Sie einfach ein Downgrade auf eine der Firebase-Versionen durch, die niedriger als v9 ist.

Lösung 3: Erstellen Sie ein Firebase-App-Objekt wie im folgenden Beispiel

  1. Installieren Sie Firebase mit npm.
  2. npm Firebase installieren
  3. Initialisieren Sie Firebase in Ihrer App und erstellen Sie ein Firebase-App-Objekt wie im folgenden Beispiel.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

Sommerlich

Es dreht sich alles um dieses Thema. Ich hoffe, alle Lösungen haben Ihnen sehr geholfen. Kommentieren Sie unten Ihre Gedanken und Ihre Fragen. Kommentieren Sie auch unten, welche Lösung für Sie funktioniert hat?