Working with AngularFireObject and switchMap

Question

I really don\'t know how to fix this. How can I fix this error?

in user.service.ts:
import { Injectable } from \'@angular/core\';

import { AngularFireDatabase,          


        

Answer 1

For RxJS 6 and later, you will need to import and use Observable, map, switchMap differently:

admin-auth-guard.service.ts:
import { Injectable } from '@angular/core';
import { map, switchMap } from 'rxjs/operators'
import { Observable } from 'rxjs';
import { UserService } from './user.service';
import { CanActivate } from '@angular/router';
import { AuthService } from './auth.service';

@Injectable({
  providedIn: 'root'
})
export class AdminAuthGuardService implements CanActivate {

  constructor(private auth: AuthService, private userService: UserService) { }

  canActivate(): Observable {
    return this.auth.user$.pipe(
      switchMap(user => this.userService.get(user.uid).valueChanges()),
      map (appUser => appUser.isAdmin)
    )
  }
}