Angular Firebase谷歌登录不起作用

Question

login.component.html

<button (click)="login()" class="btn btn-primary">
Login with Google
</button>

Login.component.ts

import { Component, OnInit } from '@angular/core';
import { AngularFireAuth } from "@angular/fire/auth";
import * as firebase from "firebase";

@Component({
 selector: 'app-login',
 templateUrl: './login.component.html',
 styleUrls: ['./login.component.css']
 })
export class LoginComponent {

  constructor(private afAuth: AngularFireAuth) { }

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

}