undefined 不是对象 firebase.auth.FacebookAuthProvider.credential

Question

这是我的代码.. 它非常简单.. 只是试图允许用户通过 facebook 进行身份验证，然后将其添加到 Firebase 系统！ 我应该提到我正在使用 React Native，我确实读过 Firebase 库的各个部分不适用于 React Native。

const auth = firebase.auth();
const provider = firebase.auth.FacebookAuthProvider;

LoginManager.logInWithReadPermissions(['public_profile'])
.then(loginResult => {

    alert("login results")
    if (loginResult.isCancelled) {
        alert('user canceled');
        return;
    }
    AccessToken.getCurrentAccessToken()
    .then(accessTokenData => {
        const credential = firebase.auth.FacebookAuthProvider.credential(accessTokenData.accessToken);
        alert("Credential: " + credential )
        return auth.signInWithCredential(credential);
    })
    .then(credData => {
        console.log(credData);
        alert("CRED data:::" + credData)
        alert(firebase)
    })
    .catch(err => {
        console.log(err);
        alert("ERROR:::" + err)
        alert(firebase)

    });
});

我能真正想到的唯一原因是 Firebase 未定义或者它没有完成初始化.. 虽然看起来是.. 也许我可以做出某种承诺来确保它已经初始化。 （关于如何做到这一点的任何想法？）

虽然 firebase 似乎已初始化.. 但我浏览了 api 参考，并没有真正找到 .auth.FacebookAuthProvider.credential 不存在的任何原因

任何帮助都会很棒！

Answer 1

我遇到了同样的问题，我有一个适合我的解决方案，但我不确定它是否适合你。

我通过一个单独的模块在一个名为 FirebaseService.js

的文件中实例化我的 firebase 类

'use-strict';

const firebase = require('firebase');
const APP_BASE = 'https://your-unique-url.firebaseapp.com/'

const FIREBASE_CONFIG = {
    apiKey: '[super_unique]',
    authDomain: 'your-unique-url.firebaseapp.com',
    databaseURL: APP_BASE,
    storageBucket: 'your-unique-url.appspot.com',
};

export const Firebase = firebase.initializeApp(FIREBASE_CONFIG);

然后我通过导入它在我的代码中的其他任何地方使用它：

const { Firebase } = require ('./services/FirebaseService');

这似乎没问题，直到我开始实施 facebook 登录，那时我开始遇到同样的问题。

我必须在尝试使用 facebook 登录的屏幕中导入 firebase。我不需要自己的服务，而是使用了 npm 模块：

const firebase = require('firebase'); 

之后，我能够访问 FacebookAuthProvider.credential。我真的不知道为什么会这样，我使用模块可能有问题