如何修复signInWithPopup()关于:空白弹出

时间:2019-05-07 14:38:15

标签: angular firebase firebase-authentication

我正在尝试Firebase及其相对的角度库angularfire2。一切正常,直到我尝试添加服务人员,然后将其部署到Firebase(在我将其部署到我的个人网站上并且运行正常之前)。现在,当我尝试使用 signInWithPopup(provider)执行Google登录时,会弹出一个弹出窗口,但其空白为空白,并且页面主页面无法重新加载

有摘要:

login-page.component.ts

login() {
this.authSvc.loginG().then(res => {
  this.authSvc.person.ref.where("id", "==", `${res.user.uid}`).get().then(snap => {
    if (snap.empty) {
      this.openDialog(res.user.email, res.user.uid);
    } else {
      this.router.navigateByUrl("/home");
    }
  })
})
.catch(error => {
  alert(error);
})}

auth.service.ts

loginG() {
let provider = new firebase.auth.GoogleAuthProvider();
provider.addScope('profile');
provider.addScope('email');
return this.firebaseAuth
  .auth
  .signInWithPopup(provider)}

编辑:

我禁用了服务人员,当我尝试将其部署到我的域时,它可以正常工作,但是在Firebase托管和localhost(非常奇怪)上,它会保留错误。

编辑2:

可以通过删除延迟加载并直接加载组件来解决问题,但是如果有人知道为什么会发生这种情况,我将不胜感激:)

0 个答案:

没有答案