【问题标题】:my data is not adding in to my firebase real time database我的数据没有添加到我的 firebase 实时数据库中
【发布时间】:2021-10-31 14:19:35
【问题描述】:

我的数据没有添加到我的 firebase 实时数据库中。我在firebase实时数据库中发送数据时遇到了这个问题。它给出了一个错误config_firebase__WEBPACK_IMPORTED_MODULE_0_.default.database is not a function

我还在我的 firebase.js 文件中导入“firebase/database”。

import firebase from "../../config/firebase"
import { getAuth, signInWithPopup, FacebookAuthProvider } from "firebase/auth";


const facebook_login=()=>{
    return (dispatch)=>{
        const provider = new FacebookAuthProvider();
        const auth = getAuth();
        signInWithPopup(auth, provider)
        .then((result) => {
            console.log("Facebook Login")

            var user = result.user;
            var credential = FacebookAuthProvider.credentialFromResult(result);
            var accessToken = credential.accessToken;
            let create_user={
                name:user.displayName,
                email:user.email,
                profile:user.photoURL,
                uid:user.uid
            }

            firebase.database().ref('/').child(`users/${user.uid}`).set(create_user)
            .then(()=>{
                alert("Login Successfull")
            })
        
        })
        .catch((error) => {
            const errorCode = error.code;
            const errorMessage = error.message;
            const email = error.email;
            const credential = FacebookAuthProvider.credentialFromError(error);
            console.log(errorMessage)
        });
    }
}

export{
    facebook_login
}

【问题讨论】:

    标签: javascript reactjs firebase firebase-realtime-database redux


    【解决方案1】:

    由于您使用的是新的模块化 SDK,因此不应使用 firebase.database() 命名空间语法。

    import { getDatabase, ref, set } from "firebase/database";
    
    const db = getDatabase();
    set(ref(db, `users/${user.uid}`), create_user);
    

    您可以在documentation 中了解有关模块化语法的更多信息。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-12-07
      • 2023-03-10
      • 2021-10-04
      • 1970-01-01
      • 2021-03-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多