谷歌登录按钮未出现在Angular中

export const environment = {
  production: false,
  firebase: {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_AUTH_DOMAIN",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_STORAGE_BUCKET",
    messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
    appId: "YOUR_APP_ID"
  }
};

import { Component } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';
import { auth } from 'firebase/app';

@Component({
  selector: 'app-login',
  template: `
    <button mat-raised-button color="primary" (click)="loginWithGoogle()">
      Login with Google
    </button>
  `
})
export class LoginComponent {
  constructor(private afAuth: AngularFireAuth) {}

  loginWithGoogle() {
    this.afAuth.signInWithPopup(new auth.GoogleAuthProvider());
  }
}