React Firebase 集成 - 类型错误：firebase_app__WEBPACK_IMPORTED_MODULE_0__.default 未定义答案

【问题标题】：React Firebase Integration - TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0__.default is undefinedReact Firebase 集成 - 类型错误：firebase_app__WEBPACK_IMPORTED_MODULE_0__.default 未定义
【发布时间】：2021-12-02 15:45:53
【问题描述】：

堆栈溢出！好久不见。

我正在开发一个带有 react 的网络应用程序，您可以在其中看到我在 firebase 数据库中为现代概念编写的定义，例如键入怪癖和复数。尝试在我的应用中实现我的 firebase firestore 数据库时，它失败并出现以下错误：

TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0__.default is undefined.

这是我在firebase.js中的代码：

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

// For Firebase JS SDK v7.20.0 and later, measurementId is optional

const firebaseConfig = {

    apiKey: "dont-steal-my-db",
  
    authDomain: "please-respond",
  
    databaseURL: "https://definition-2d49c-default-rtdb.asia-southeast1.firebasedatabase.app",
  
    projectId: "definition-2d49c",
  
    storageBucket: "definition-2d49c.appspot.com",
  
    messagingSenderId: "404265179808",
  
    appId: "1:404265179808:web:10f7b7f917d695dabb87c5",
  
    measurementId: "G-SYN64MDXL1"
  
  };

  firebase.initializeApp(firebaseConfig);

  export default firebase;

我该如何解决这个错误，对于此类 firebase 问题，将来有什么好去处？

【问题讨论】：

您使用的是哪个 Firebase 版本？您可以使用命令firebase -V 进行检查。

标签： javascript reactjs firebase google-cloud-platform google-cloud-firestore

【解决方案1】：

//try this :  

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

const firebaseConfig = {

apiKey: "dont-steal-my-db",

authDomain: "please-respond",

databaseURL: "https://definition-2d49c-default-rtdb.asia-southeast1.firebasedatabase.app",

projectId: "definition-2d49c",

storageBucket: "definition-2d49c.appspot.com",

messagingSenderId: "404265179808",

appId: "1:404265179808:web:10f7b7f917d695dabb87c5",

measurementId: "G-SYN64MDXL1"

};

const firebaseApp = firebase.initializeApp(firebaseConfig);
export const db = firebaseApp.firestore();

【讨论】：