无法导入 Firebase Firestore 集合答案

【问题标题】：Cannot import Firebase Firestore Colletion无法导入 Firebase Firestore 集合
【发布时间】：2021-12-28 14:24:25
【问题描述】：

我正在尝试在我的下一个应用程序中调用 Firestore 集合，这是我在运行应用程序时遇到的错误：

FirebaseError: Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app).

这是我的firebase.js 代码：

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

const firebaseConfig = {};

  export const getPosts = async () => {
    firebase.initializeApp(firebaseConfig);
    
    const posts = await firebase.firestore().collection("articles").then((snapshot) => {
      const snapshotVal = snapshot.val();

      const result = [];
      for (var slug in snapshotVal) {
        const post = snapshotVal[slug];
        result.push(post);
      }
      return result.reverse();
    });
    return posts      
  };

【问题讨论】：

标签： javascript reactjs firebase google-cloud-firestore next.js

【解决方案1】：

因为你每次getPosts时都会尝试初始化一个新的firebase应用，所以你应该先检查initializeApp之前是否有firebase应用，

在getPosts函数之前尝试这样的事情：

var firebase_app;

if (!firebase.apps.length) {
  firebase_app = firebase.initializeApp(firebaseConfig);
} else {
  firebase_app = firebase.app(); // if already initialized, use that one
}

【讨论】：