Next.js & Firebase -> TypeError：無法讀取未定義的屬性（讀取“應用程序”）

Question

我想要做的是編寫身份驗證代碼。 使用 NextJS 和 Firebase。

現在問題出現在我的 firebaseClient.js 中，我收到錯誤“TypeError: Cannot read properties of undefined (reading 'apps')”。

代碼如下所示：

import firebase from "firebase/app";

import "firebase/auth";
import "firebase/database";

const FIREBASE_CONFIG = {
  // config files from firebase here
};

export default function firebaseClient() {
  if (!firebase.apps.length) {
    firebase.initializeApp(FIREBASE_CONFIG);
  }
}

在控制台中我收到此錯誤：終端錯誤

這出現在 localhost:3000: Error Page on localhost:3000

我在這里關注這個 YT 教程，它是從 2020 年開始的，所以據我所知，一些導入發生了變化。

Answer 1

您的代碼似乎有 firebase v8 而您有 firebase v9 package 並且它具有完全不同的導入結構。 當您使用 v8 遵循一些教程並安裝 firebase 時，這種情況會發生很多，因此默認情況下它會獲得最新版本，即 v9

你該怎么辦：

1-刪除當前版本

npm rm firebase

2-安裝最新的 8.x

npm install firebase@8.9

Answer 2

所以@Chemi Adel 提出的答案實際上是不同版本的問題，在本教程中，他顯示了我得到的完全相同的錯誤，在這段視頻中，他將他的代碼升級到了 Firebase 的 v9，所以這應該會有所幫助。