大家好,你們好嗎? 希望你們都很好。 今天我在我的應用程序中實現 firebase 但我面臨以下錯誤 嘗試導入錯誤:“firebase/app”不包含默認導出(導入為“firebase”) 反應式. 因此,我在這裡向您解釋所有可能的解決方案。

不要浪費你的時間,讓我們開始這篇文章來解決這個錯誤。

如何嘗試導入錯誤:“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 firebase/app; 使用此從“firebase/compat/app”導入firebase; 第二種解決方案是,如果您遇到此錯誤,則只需降級到任何低於 v9 的 firebase 版本。

  2. 嘗試導入錯誤:“firebase/app”不包含默認導出(導入為“firebase”)

    解決嘗試的導入錯誤:“firebase/app”不包含默認導出(導入為“firebase”)錯誤如果您使用的是版本 9,那麼不要忘記導入 firebase 的事情發生了一些變化現在有一個 compatibility 所以可以在你的導入中使用 /compat 文件夾。 這是替換此行的示例。 從導入firebase firebase/app; 使用此從“firebase/compat/app”導入firebase; 第二種解決方案是,如果您遇到此錯誤,則只需降級到任何低於 v9 的 firebase 版本。

解決方案 1:在導入中使用 /compat 文件夾

如果您使用的是第 9 版,請不要忘記導入 firebase 時發生了一些變化現在有一個 compatibility 所以可以使用 /兼容 導入文件中的文件夾。 這是一個例子。

替換此行。

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 App 對象,如下例所示

  1. 使用 npm 安裝 Firebase。
  2. npm 安裝火力基地
  3. 在您的應用中初始化 Firebase 並創建一個 Firebase App 對象,如下例所示。
import { initializeApp } from 'firebase/app';

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

const app = initializeApp(firebaseConfig);

夏天的

都是關於這個問題的。 希望所有解決方案對您有很大幫助。 在下面評論您的想法和疑問。 另外,請在下面評論哪種解決方案對您有用?