Свойство 'auth' не существует для типа 'AngularFireAuth'

Question

Получение этой ошибки при использовании angularfire. Проверил мой импорт, и они кажутся правильными. Я попытался переустановить angularfire, но он все еще выбрасывает эту ошибку. Есть проблемы с angularfire?

import { Injectable, NgZone } from '@angular/core';
import { User } from "../services/user";
import { auth } from 'firebase/app';
import { AngularFireAuth } from "@angular/fire/auth";
import { AngularFirestore, AngularFirestoreDocument } from '@angular/fire/firestore';
import { Router } from "@angular/router";


@Injectable({
  providedIn: 'root'
})

export class AuthService {
  userData: any; // Save logged in user data

  constructor(
    public afs: AngularFirestore,   // Inject Firestore service
    public afAuth: AngularFireAuth, // Inject Firebase auth service
    public router: Router,  
    public ngZone: NgZone // NgZone service to remove outside scope warning
  ) {    
    /* Saving user data in localstorage when 
    logged in and setting up null when logged out */
    this.afAuth.authState.subscribe(user => {
      if (user) {
        this.userData = user;
        localStorage.setItem('user', JSON.stringify(this.userData));
        JSON.parse(localStorage.getItem('user'));
      } else {
        localStorage.setItem('user', null);
        JSON.parse(localStorage.getItem('user'));
      }
    })
  }

  // Sign in with email/password
  SignIn(email, password) {
    return this.afAuth.auth.signInWithEmailAndPassword(email, password)
      .then((result) => {
        this.ngZone.run(() => {
          this.router.navigate(['dashboard']);
        });
        this.SetUserData(result.user);
      }).catch((error) => {
        window.alert(error.message)
      })
  }

Answer 1

У меня была такая же проблема, и это было связано с несовпадением версий в package.json. У меня было

dependencies {
        ...
        "@angular/fire": "latest", // It was 6.0.0
        "firebase": "5.4.2",
        ...
}

Затем я изменил на

dependencies {
        ...
        "@angular/fire": "5.4.2",
        "firebase": "5.4.2",
        ...
}

Также убедитесь, что импортировать AngularFireAuthModule в вашем app.module.ts

import { AngularFireAuthModule } from '@angular/fire/auth';

...
@NgModule({
    imports: [
        AngularFireAuthModule
    ],
    ....
})
export class AppModule { }

Answer 2

Была такая же проблема. Кажется, начиная с "@angular/fire": "^6.0.0" AngularFireAuth удалил свойство auth.

Просто удалите auth, и оно должно работать

https://github.com/angular/angularfire/issues/2409#issuecomment -615993136

Answer 3

привет, если это правда, но это сработало для меня

1 - npm удалить firebase @ angular / fire

2- пакет. json

3 - зависимости {... "@ angular / fire": "6.0.0", "firebase": "7.14.1", ...}

4 - изменить

зависимости {... "@ angular / fire": "^ 5.4.2",

    ...

5 - сохранить

6 - npm установить firebase @ angular / fire

если вы найдете другое, гораздо лучшее решение, но пока это работает