Привет, ребята, как вы все? Надеюсь, вы все в порядке. Сегодня я внедряю firebase в свое приложение, но столкнулся со следующей ошибкой Ошибка при попытке импорта: «firebase/app» не содержит экспорт по умолчанию (импортируется как «firebase») в ReactJs. Итак, вот я объясню вам все возможные решения здесь.

Не теряя времени, давайте начнем эту статью, чтобы решить эту ошибку.

Как ошибка при попытке импорта: «firebase/app» не содержит экспорт по умолчанию (импортируется как «firebase») Возникает ошибка?

Сегодня я внедряю firebase в свое приложение, но столкнулся со следующей ошибкой.

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

Вот мой код.

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

Как решить ошибку при попытке импорта: «firebase/app» не содержит экспорт по умолчанию (импортируется как «firebase») Ошибка?

  1. Как решить ошибку при попытке импорта: «firebase/app» не содержит экспорт по умолчанию (импортируется как «firebase») Ошибка?

    Чтобы решить ошибку при попытке импорта: «firebase/app» не содержит экспорта по умолчанию (импортируется как «firebase») Ошибка. Если вы используете версию 9, не забывайте, что все немного изменилось для импорта firebase Теперь есть compatibility поэтому можете использовать папку /compat в вашем импорте. Вот пример Заменить эту строку. импортировать базу данных из firebase/app; С этим импортом firebase из ‘firebase/compat/app’; второе решение: если вы столкнулись с этой ошибкой, просто перейдите на любую из версий firebase, которая ниже, чем v9.

  2. Ошибка при попытке импорта: «firebase/app» не содержит экспорт по умолчанию (импортируется как «firebase»)

    Чтобы решить ошибку при попытке импорта: «firebase/app» не содержит экспорта по умолчанию (импортируется как «firebase») Ошибка. Если вы используете версию 9, не забывайте, что все немного изменилось для импорта firebase Теперь есть compatibility поэтому можете использовать папку /compat в вашем импорте. Вот пример Заменить эту строку. импортировать базу данных из firebase/app; С этим импортом firebase из ‘firebase/compat/app’; второе решение: если вы столкнулись с этой ошибкой, просто перейдите на любую из версий firebase, которая ниже, чем v9.

Решение 1. Используйте папку /compat в импорте

Если вы используете версию 9, не забывайте, что все немного изменилось для импорта firebase. Теперь есть compatibility так можно использовать /compat папка в вашем импорте. Вот пример.

Замените эту строку.

import firebase from "firebase/app";

С этим.

import firebase from 'firebase/compat/app';

Вот пример, который изменен в версии 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

Решение 2. Понизьте версию Firebase

Если вы столкнулись с этой ошибкой, просто перейдите на любую из версий Firebase ниже v9.

Решение 3: создайте объект приложения Firebase, как показано ниже.

  1. Установите Firebase с помощью npm.
  2. npm установить firebase
  3. Инициализируйте Firebase в своем приложении и создайте объект приложения Firebase, как в приведенном ниже примере.
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

летний

Это все об этом вопросе. Надеюсь, все решение вам очень помогло. Комментарий ниже Ваши мысли и ваши вопросы. Кроме того, прокомментируйте ниже, какое решение сработало для вас?