TypeError：无法读取未定义的属性“长度” - Firebase答案

【问题标题】：TypeError: Cannot read property 'length' of undefined - FirebaseTypeError：无法读取未定义的属性“长度” - Firebase
【发布时间】：2021-12-05 08:10:15
【问题描述】：

我正在尝试连接到 Firebase。

来自 firebase.js 的代码：

import * as firebase from "firebase/compat/app";

const firebaseConfig = {
  apiKey: "***",
  authDomain: "***",
  projectId: "***",
  storageBucket: "***",
  messagingSenderId: "***",
  appId: "***",
};

const app = !firebase.apps.length
  ? firebase.initializeApp(firebaseConfig)
  : firebase.app();

const db = app.firestore();
const auth = app.auth();
const provider = new firebase.auth.GoogleAuthProvider();

export { db, auth, provider };

【问题讨论】：

欢迎来到 SO。请考虑不包括敏感/机密信息。
最好将代码、错误和结构包含为文本，而不是链接和图像。这样，如果答案中需要它们，可以复制和粘贴它们。见images and links are evil。最后，图像不可搜索，这可能会阻止未来的读者找到问题。另外，看看No Images Please

标签： javascript firebase next.js

【解决方案1】：

正如我在对您的其他帖子的评论中所说，firebase 导入最近发生了变化。尝试将fribase 更改为firebase/compat/app Documentation

【讨论】：

嘿，你能再帮我一次吗，哈哈
它说 TypeError: app.firestore is not a function
尝试导入firebase/compat/app。同样在您的 cmets 代码中，我相信“auth”来自firebase/auth 而不是fribase。 db 不应放在括号中

【解决方案2】：

您缺少 Firestore 的导入（如错误所述）和身份验证。

import * as firebase from "firebase/compat/app";
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

另请参阅updating imports to v9 compat 上的文档。

【讨论】：