angular - AngularFireAuth : cannot find name 'auth' (error: T2304) 类型上不存在属性身份验证

Question

我有一个问题，在我的 angular 8 应用程序中实现“使用 Google 进行 Firebase 身份验证”。自@angular/fire 的版本 6.0.0 起，似乎根本不支持“auth”属性工作!!!
这是我的依赖项:
"@angular/cdk": "^11.0.1",
"@angular/fire": "^6.1.4",
"firebase": "^8.1.2",
我的登录服务 : (login.service.ts) :

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


@Injectable({
  providedIn: 'root'
})

export class LoginService {

  constructor(
    public afAuth: AngularFireAuth, // Inject Firebase auth service
  ) { }

  // Sign in with Google
  GoogleAuth() {
    return this.AuthLogin(new auth.GoogleAuthProvider());
  }  

  // Auth logic to run auth providers
  AuthLogin(provider: any) {
    return this.afAuth.signInWithPopup(provider)
    .then((result: any) => {
        console.log('You have been successfully logged in!')
    }).catch((error: any) => {
        console.log(error)
    })
  }

}

我的 login.component.ts :

import { Component, OnInit } from '@angular/core';
import { LoginService } from '../../services/login.service';


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

export class LoginComponent implements OnInit {

  constructor(public loginService: LoginService) { }

  ngOnInit() { }

}

我的 login.component.html :

<button mat-raised-button  (click)="LoginService.GoogleAuth()" color="primary" >Login with Google</button>

有人可以帮我解决这个问题吗？谢谢你的帮助

Answer 1

安装火力基地

npm i firebase --save

将 firebase 导入为:

import * as firebase from 'firebase';

然后将其用作，

return firebase.auth().signInWithPopup((new firebase.auth.GoogleAuthProvider()));