Angular集成Firebase注册用户正常但登录提示密码错误如何排查

问题排查方向 #

你提供的登录代码核心逻辑无语法错误，但缺失错误捕获分支，无法获取Firebase Auth返回的具体错误类型，建议先补充错误处理逻辑，拿到明确错误码后再针对性排查，修改后的参考代码如下：

onLogin() {
  let email: string = this.loginForm.get('email').value.trim();
  let password: string = this.loginForm.get('password').value.trim(); 
  this.auth.signInWithEmailAndPassword(email,password)
  .then(() => {
    this.router.navigate(['home'])
  })
  .catch((error) => {
    console.error('登录错误码：', error.code);
    console.error('错误详情：', error.message);
  })
}

常见触发原因 #

• 混淆了Firebase Auth用户池和自定义的Firestore Users集合
  你提到的「Users列表」如果是自行在Firestore中创建的集合，和Firebase Auth内置的用户账号体系完全独立。如果创建用户时仅往Firestore插入了用户记录，没有调用createUserWithEmailAndPassword接口在Auth用户池创建账号，登录时自然会校验失败。
• 表单取值存在多余空白字符
  若创建用户时对邮箱、密码做了trim()去空格处理，但登录时未加该逻辑，会导致实际传给Auth接口的密码和创建时不一致，触发密码错误提示。
• 邮箱大小写不匹配
  若创建账号时将邮箱强制转为了全小写/全大写，登录时传入的邮箱大小写和创建时不一致，会先触发user-not-found错误，部分前端提示逻辑会统一展示为「密码错误」，容易误导排查方向。
• 创建用户时错误处理了密码
  Firebase Auth的createUserWithEmailAndPassword接口要求传入明文密码，后端会自动做加密存储。如果你在创建用户时自行对密码做了哈希、加密处理再传入接口，那登录时输入的明文密码自然无法匹配加密后的值。
• Firebase项目配置不匹配
  检查Angular环境里的Firebase配置是否和你查看用户的Firebase项目一致，常见场景是开发、生产环境配置混填，导致创建账号到A项目，登录请求发到B项目，自然校验失败。
• 邮箱/密码登录权限未开启
  检查Firebase控制台→Authentication→登录提供方页面，确认「邮箱/密码」的登录方式处于启用状态，未启用的状态下登录会触发验证失败。

内容的提问来源于stack exchange，提问作者Levche