Next.js 和 Firebase -> TypeError：无法读取未定义的属性（读取“应用程序”）

Question

我想做的是编写一个身份验证代码。与 NextJS 和 Firebase 一起使用。

现在问题出现在我的 firebaseClient.js 中，我收到错误“TypeError：无法读取未定义的属性（读取“应用程序”）”。

代码如下所示：

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: localhost:3000 上的错误页面

我在这里关注这个 YT 教程，该教程是 2020 年的，因此据我所知，一些导入发生了变化。

Answer 1

看来您的代码有 firebase v8，而您有 firebase v9 包，并且它具有完全不同的导入结构。当您按照 v8 的一些教程并安装 firebase 时，会经常发生这种情况，因此它默认获得最新版本，即 v9

你该怎么办：

1-删除当前版本

npm rm firebase

2-安装最新的 8.x

npm install firebase@8.9