Javascript 无法使用firebase的google身份验证获取Angular 10中的用户名

嗨，我的类型脚本逻辑如下：

import { stringify } from '@angular/compiler/src/util';
import { AngularFireAuth } from '@angular/fire/auth';
import { Component, OnInit } from '@angular/core';
import * as firebase from 'firebase';

@Component({
  selector: 'bs-nav-bar',
  templateUrl: './bs-nav-bar.component.html',
  styleUrls: ['./bs-nav-bar.component.css']
})
export class BsNavBarComponent  {
  user: firebase.User;
  constructor(private afAuth: AngularFireAuth) {
    afAuth.authState.subscribe(user => {this.user = user;
                                        localStorage.setItem('user', JSON.stringify(this.user));
                                        JSON.parse(localStorage.getItem('user'));
                                      });
    console.log('User: ' + this.user);
  }

  logout() {
    this.afAuth.signOut();
    console.log('log out');
  }

}

控制台显示用户：未定义。如何获取用户名？可能有什么问题。我正在学习角度，无法找到一种方法来做到这一点