时间戳

首页 > 解决方案 > React Firebase 集成 - 类型错误：firebase_app__WEBPACK_IMPORTED_MODULE_0__.default 未定义

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

问题描述

堆栈溢出！好久不见。

我正在开发一个带有 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 问题？

标签： javascriptreactjsfirebasegoogle-cloud-platformgoogle-cloud-firestore

解决方案

//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();

推荐阅读