嘗試導入錯誤：“app”未從“firebase/app”導出（導入為“firebase”）

Question

遇到一個很奇怪的問題。 嘗試導入 firebase 時，出現以下錯誤：

./node_modules/firebaseui/dist/esm.js
Attempted import error: 'app' is not exported from 'firebase/app' (imported as 'firebase').

我的項目的結構是：包含反應客戶端文件夾的父文件夾。 我在父文件夾中安裝了firebase，在父文件夾的firebaseConfig文件中初始化了一個firebase應用程序，然后將其導入到react客戶端文件夾中。

后來我嘗試在 react 客戶端文件夾中安裝 firebase 並在其中導入 firebase。 奇怪的是，在我在客戶端文件夾中安裝 firebase 后，在客戶端文件夾中執行“npm ls firebase”返回空，即使 firebase 確實在客戶端文件夾中的節點模塊和 package.json 中。 我想知道是什么導致了這個問題。

父文件夾中的 firebaseConfig.js

import firebase from 'firebase/app';
import 'firebase/firestore';
import 'firebase/auth';

const firebaseConfig = {
    ......
};

firebase.initializeApp(firebaseConfig);

export default firebase;

Answer 1

不幸的是，您已將“firebase”依賴項升級到 8.0.0，但“firebaseui”依賴項尚不支持它。 您必須暫時將 firebase 降級到 7.24.0 版，直到 firebaseui 支持8.0.0 中的重大更改。

Answer 2

這是一個更新問題，雖然您可以修復導入 firebase 的方式，但無法修復在您使用的庫中導入它的方式，您將不得不等待這些庫更新。

8.0.0 之前

import * as firebase from 'firebase/app'

8.0.0之后

import firebase from 'firebase/app'

庫類似於 FirebaseUI 身份驗證

Answer 3

Firebase 版本我使用的是 Firebase>8.0.0
我使用import * as firebase from 'firebase/app'; 此導入適用於 Firebase<8.0.0

請import firebase from 'firebase/app';使用這個import firebase from 'firebase/app';
如果您現在（2021 年 8 月 4 日）使用的是 firebase>8.0.0，那么以后的版本可能會發生變化。
這是因為您使用了錯誤的代碼行，系統沒有任何問題。
去檢查項目文件夾中的 package.json 文件。

檢查這里 package.json

檢查 package.json 文件上的 firebase 版本

Answer 4

當我安裝 firebase 時，默認情況下它已經安裝了 9.0.0 的版本。 我看到了提到的錯誤，但是當我將其更改為 8.9.1 並將其導入如下時，它對我有用。

從“firebase/app”導入 firebase

Answer 5

首先確定您的 Firebase 版本：

firebase --version

如果您使用的是版本 9，請替換此行

import firebase from "firebase/app"

和

import firebase from 'firebase/compat/app'

參考： https : //exerror.com/attempted-import-error-firebase-app-does-not-contain-a-default-export-imported-as-firebase/