如何解决 Firebase：没有创建 Firebase 应用程序“[DEFAULT]” - 调用 Firebase App.initializeApp() (app/no-app)

Question

我正在尝试使用 React 和 Firebase 创建一个聊天室应用程序。最初，我在一次导入 auth 和 firestore 时遇到错误，即 import { auth, firestore } from 'react';，我尝试了 firebase.auth(); 和 firebase.firestore(); 我收到一条错误消息，说“auth not Defined no-def”和“firestore not Defined no-def”，现在我尝试了 const auth = firestore.auth(); 和 const firestore = firebase.firestore() ，我现在收到错误“Firebase：没有创建 Firebase 应用程序 '[DEFAULT]' - 调用 Firebase App.initializeApp() (app/no-app)。”...可以请有人帮助我

附件是我的代码

import firebase from 'firebase';
//import 'firebase/app';
//import { auth, firestore } from 'firebase';
//firebase.auth();
//firebase.firestore();
const auth = firebase.auth();
const firestore = firebase.firestore()

export const signup = (user) => {

    return async (dispatch) => {

        const db = firestore();
        auth()
        .createUserWithEmailAndPassword(user.email, user.password)
        .then(user => {
            console.log(user); 
        })
        .catch(error => {
            console.log(error);
        })

    }
}

Answer 1

在使用任何 Firebase SDK 之前，您需要初始化 Firebase 应用程序。

此代码显示了如何初始化应用程序：

import firebase from "firebase/app";


// Replace the following with your app's Firebase project configuration
const firebaseConfig = {
  apiKey: "AIzaSyDOCAbC123dEf456GhI789jKl01-MnO",
  authDomain: "myapp-project-123.firebaseapp.com",
  databaseURL: "https://myapp-project-123.firebaseio.com",
  projectId: "myapp-project-123",
  storageBucket: "myapp-project-123.appspot.com",
  messagingSenderId: "65211879809",
  appId: "1:65211879909:web:3ae38ef1cdcb2e01fe5f0c",
  measurementId: "G-8GSGZQ44ST"
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

不要忘记将配置替换为您的 firebase 项目的配置。 您可以在此处了解如何获取 Firebase 配置。

之后您可以运行您的代码。

确保在使用任何 SDK 之前调用初始化。为此，我还建议将您的代码更改为：

import firebase from 'firebase';
//import 'firebase/app';
//import { auth, firestore } from 'firebase';
//firebase.auth();
//firebase.firestore();


export const signup = (user) => {

    return async (dispatch) => {
       const auth = firebase.auth();
       const firestore = firebase.firestore()

        const db = firestore();
        auth()
        .createUserWithEmailAndPassword(user.email, user.password)
        .then(user => {
            console.log(user); 
        })
        .catch(error => {
            console.log(error);
        })

    }
}