个人中心
gpt4 book ai didi

javascript - firebaseui.js 未捕获类型错误 : Cannot read property 'call' of undefined

转载 作者：行者123 更新时间：2023-11-29 10:03:42 25 4
gpt4 key购买 nike

我正在尝试使用 Google's official documentation on Github 在我的应用程序中添加 Firebase ui 身份验证.

电子邮件登录工作正常，但电话登录选项出现问题。

单击“使用电话登录”并输入我的号码上的 6 位代码后，我无法注册或登录。

enter image description here

圆形加载圈不停地旋转，并没有将我重定向到我的 main.js 中定义的 signInSuccessUrl。

我在控制台中得到的错误是这样的:

firebaseui.js:82 Uncaught TypeError: Cannot read property 'call' of undefined
    at Ca (firebaseui.js:82)
    at Fl (firebaseui.js:323)
    at firebaseui.js:324
    at firebaseui.js:281
    at El.<anonymous> (firebaseui.js:238)
    at oe (firebaseui.js:140)
    at ne (firebaseui.js:139)
    at ni (firebaseui.js:219)
    at li.h (firebaseui.js:219)
    at le (firebaseui.js:136)
Ca @ firebaseui.js:82
Fl @ firebaseui.js:323
(anonymous) @ firebaseui.js:324
(anonymous) @ firebaseui.js:281
(anonymous) @ firebaseui.js:238
oe @ firebaseui.js:140
ne @ firebaseui.js:139
ni @ firebaseui.js:219
li.h @ firebaseui.js:219
le @ firebaseui.js:136
he @ firebaseui.js:137
b @ firebaseui.js:134

我的index.html

<!DOCTYPE html>
<html>
<head>
    <title>Site Web flow</title>
    <link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/2.6.0/firebaseui.css" />

</head>
<body>

    <h1>Site Web flow</h1>
    <div id="firebaseui-auth-container"></div>
    <hr>
    <div>
        <div id="loader">Loading...</div>
        <div id="sign-in-status"></div>
        <div id="sign-in"></div>
        <div id="account-details"></div>
        <button id="signOutButton">Signout</button>
    </div>
    <script src="https://cdn.firebase.com/libs/firebaseui/2.6.0/firebaseui.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.9.1/firebase-firestore.js"></script>
    <script src="main.js"></script>
</body>
</html>

我的 main.js 文件:

let config = {
    apiKey: '##',
    authDomain: '##',
    projectId: '##'
};

firebase.initializeApp(config);

const db = firebase.firestore();
// const auth = firebase.auth();

let uiConfig = {
    signInOptions: [ 
        {
            provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,
            requireDisplayName: true
        },
        {
            provider: firebase.auth.PhoneAuthProvider.PROVIDER_ID,
            defaultCountry: 'IN'
        }
    ],

    signInSuccessUrl: './success.html',
    tosUrl: '#',
    callbacks: {
        signInSuccess: (currentUser, credential, redirectUrl) => {
            return true;
        },
        signInFailure: (error) => {
            return handleUIError(error);
        },
        uiShown: () => {
            document.getElementById('loader').style.display = 'none';
        }
    }
};


// Initialize the FirebaseUI Widget using Firebase.
let ui = new firebaseui.auth.AuthUI(firebase.auth());

// The start method will wait until the DOM is loaded.
ui.start('#firebaseui-auth-container', uiConfig);
ui.disableAutoSignIn();


initApp = function() {
    firebase.auth().onAuthStateChanged(function(user) {
        if (user) {
            // User is signed in.
            let displayName = user.displayName;
            let email = user.email;
            let emailVerified = user.emailVerified;
            let photoURL = user.photoURL;
            let uid = user.uid;
            let phoneNumber = user.phoneNumber;
            let providerData = user.providerData;
            user.getIdToken().then(function(accessToken) {
                document.getElementById('sign-in-status').textContent = 'Signed in';
                document.getElementById('sign-in').textContent = 'Sign out';
                document.getElementById('account-details').textContent = JSON.stringify({
                    displayName: displayName,
                    email: email,
                    emailVerified: emailVerified,
                    phoneNumber: phoneNumber,
                    photoURL: photoURL,
                    uid: uid,
                    accessToken: accessToken,
                    providerData: providerData
                }, null, '  ');
            });
        } else {
            // User is signed out.
            document.getElementById('sign-in-status').textContent = 'Signed out';
            document.getElementById('sign-in').textContent = 'Sign in';
            document.getElementById('account-details').textContent = 'null';
        }
    }, function(error) {
        console.log(error);
    });
};

window.addEventListener('load', function() {
    initApp()
});


document.getElementById('signOutButton').addEventListener('click', (e) => {
    e.preventDefault();
    firebase.auth().signOut().then(() => {
        console.log('Signed out');
    })
})

我确实在我的 Firebase 控制台中启用了使用电子邮件和电话登录。谁能帮忙？

最佳答案

更新到最新的 firebaseui 2.6.1

npm 安装 firebaseui@2.6.1

或

npm 安装 firebaseui@latest

或npm install firebaseui@latest --保存

关于javascript - firebaseui.js 未捕获类型错误 : Cannot read property 'call' of undefined，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48681631/

25 4 0
文章推荐： php - 无法从查询中获取结果
文章推荐： java - 可以删除时间，只需要 getTime() Date 类中的日期吗？
文章推荐： php - Mysql，其中名称在数组中
文章推荐： java - Ant 使用带有命名空间的 antlib
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com