我正在尝试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:
可以通过删除延迟加载并直接加载组件来解决问题,但是如果有人知道为什么会发生这种情况,我将不胜感激:)