确保你已经正确安装并配置了Firebase模块。它应该被添加到你的app.module.ts中,并且你应该设置你的Firebase配置。
检查你的Firebase安全规则。 它们可能防止你的应用程序登录。在控制台中检查规则并按需更新。
在浏览器中打开开发者工具,查看控制台中是否有任何错误消息。这可能会帮助你找出问题所在。
如果你正在使用Google身份验证,请检查Google Cloud Console的设置。你的应用程序必须被授权使用Google身份验证。
最后,确保你的用户输入正确。如果用户的电子邮件地址或密码错误,则登录失败。
以下是一个Angular PWA Firebase登录示例:
auth.service.ts:
import { Injectable } from '@angular/core';
import * as firebase from 'firebase/app';
import 'firebase/auth';
@Injectable({ providedIn: 'root' })
export class AuthService {
constructor() {}
login(email: string, password: string) {
return firebase
.auth()
.signInWithEmailAndPassword(email, password)
.then((user) => {
// login successful
console.log('login successful! ', user);
})
.catch((error) => {
// login failed
console.error(error);
});
}
}
login.component.ts:
import { Component } from '@angular/core';
import { AuthService } from './auth.service';
@Component({
selector: 'app-login',
template: `
`,
})
export class LoginComponent {
loginForm = { email: '', password: '' };
constructor(private authService: AuthService) {}
onSubmit(form: any) {
this.authService.login(form.email, form.password);
}
}