React firebase API - .a.auth不是函数

lhcgjxsq  于 2023-03-09  发布在  React
关注(0)|答案(3)|浏览(136)

我做了一个研究,但发现这个问题只在node.js上下文中,或react上下文中,但从很久以前,和家伙说,升级他们的firebase帮助。我的是上个月才安装。
基本上,我使用的是带有firebase API的React,下面的代码是:

firebase.auth().signInWithEmailAndPassword('an email', 'a password);

引发以下错误:类型错误:WEBPACK_IMPORTED_MODULE_2__firebase.a.auth不是函数
我当然是在进口火力基地:

import firebase from '../../firebase';

所有其他的firebase命令都工作得很好。
有人在使用react.js时遇到过这个问题吗?
先谢谢你了

m3eecexj

m3eecexj1#

只是把答案贴出来,也许是为了帮助别人。简单的解决办法(多亏了三思)是导入“firebase/auth”。下面是一个Firebase文件的例子:

import firebase from 'firebase/app';
import 'firebase/storage';
import "firebase/database";
import "firebase/auth"

 // Initialize Firebase
 var config = {
    apiKey: "*********************",
    authDomain: "...",
    databaseURL: "...",
    projectId: "....",
    storageBucket: "....",
    messagingSenderId: "..."
  };
  firebase.initializeApp(config);

  const storage = firebase.storage();

  export {
      storage, firebase as default
  }
vaj7vani

vaj7vani2#

首先检查您的路径是否正确,如果是,尝试删除node_modules文件夹并重新创建npm install

bmp9r5qi

bmp9r5qi3#

在较新版本的firebase中,您可以使用firestore、存储或实时数据库的功能

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";
import { getAuth } from "firebase/auth";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  // your firebase configuration
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
export const firestore = getFirestore(app); //use this for firestore
export const storage = getStorage(app); // use this for storage 
export const auth = getAuth(app);
export default app;

相关问题