Question

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

2021-10-18

1741

javascript firebase next.js

我正在尝试连接到 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 };

错误消息

Answer 1

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

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

另请参阅有关将导入更新为 v9 兼容的文档。

Answer 2

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

Answer 3

刚刚遇到这个问题，希望这个解决方案能有所帮助：
只需将“firebase”升级到版本：“^9.4.0”

import { initializeApp } from 'firebase/app';
import { getFirestore } from 'firebase/firestore';
import { getAuth, GoogleAuthProvider } from 'firebase/auth'

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

const app = initializeApp(firebaseConfig);

const db = getFirestore(app);//access to the database
const auth = getAuth(); //access to the authentication
const provider = new GoogleAuthProvider(); //access tp the provider

export { db, auth, provider };