こんにちはみんな、お元気ですか? 皆さんが元気であることを願っています。 今日、アプリに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フォルダーを使用できます。 これは、ReplaceThis行の例です。 からfirebaseをインポートします firebase/app; このインポートFirebaseを’firebase/ compat/app’から; 2番目の解決策は、このエラーが発生した場合は、v9より前のFirebaseバージョンにダウングレードすることです。

  2. インポートしようとしたエラー:「firebase / app」にデフォルトのエクスポートが含まれていません(「firebase」としてインポートされました)

    インポートの試行エラーを解決するには:「firebase / app」にデフォルトのエクスポートが含まれていません(「firebase」としてインポートされます)エラーバージョン9を使用している場合は、firebaseのインポートで状況が少し変わったことを忘れないでください。 compatibility したがって、インポートで/compatフォルダーを使用できます。 これは、ReplaceThis行の例です。 からfirebaseをインポートします firebase/app; このインポートFirebaseを’firebase/ compat/app’から; 2番目の解決策は、このエラーが発生した場合は、v9より前のFirebaseバージョンにダウングレードすることです。

解決策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バージョンをダウングレードする

このエラーが発生した場合は、v9より前のFirebaseバージョンにダウングレードしてください。

解決策3:以下の例のようにFirebaseアプリオブジェクトを作成します

  1. npmを使用してFirebaseをインストールします。
  2. npm installfirebase
  3. アプリでFirebaseを初期化し、以下の例のようにFirebaseAppオブジェクトを作成します。
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

夏らしい

それはすべてこの問題についてです。 すべての解決策があなたに大いに役立つことを願っています。 あなたの考えとあなたの質問の下にコメントしてください。 また、どのソリューションがあなたのために働いたかを以下にコメントしますか?