Firebase Web项目上的Facebook OAth

Question

我正在尝试将Facebook誓言作为登录方法之一嵌入到使用Google Firebase作为后端服务的Web应用程序中。

目前，我的应用尚未部署-因此我仍在使用本地主机URL。我的问题是从登录名重定向到应用程序的仪表板。当我尝试使用Facebook宣誓登录时，firefox控制台会显示此日志。

code: "auth/popup-closed-by-user"
message: "The popup has been closed by the user before finalizing the operation."
stack: ""

在前端：.js代码段

//login with facebook
const facebookButton = document.querySelector('#facebookLogin');
facebookButton.addEventListener('click', (e)=>{
    e.preventDefault();
    M.Modal.getInstance(modal).close();
    loginForm.reset();

    const provider = new firebase.auth.FacebookAuthProvider();
    auth.signInWithPopup(provider).then(function(result){
        console.log(result);
        console.log("Successful Facebook Sign in");


    }).catch(function(error){
        console.log(error);
        console.log("Login failed");
    })


})

.html文件的片段-只是一个按钮

<button id="facebookLogin">Login with Facebook</button>

有没有人经历过这样的事情？您是如何解决的？

谢谢。