ОШИБКА TypeError: app.auth не является функцией

Question

https://stackblitz.com/edit/angular-qxwzto?file=src%2Fapp%2Fbs-navbar%2Fbs-navbar.component.ts

В стеке, когда я пишу этот код

import { AngularFireAuth } from 'angularfire2/auth';
import { Component, OnInit } from '@angular/core';  

@Component({
  selector: 'bs-navbar',
  templateUrl: './bs-navbar.component.html',
  styleUrls: ['./bs-navbar.component.css']
})
export class BsNavbarComponent {


  constructor(private afAuth: AngularFireAuth ) {
    afAuth.authState.subscribe(x=> console.log(x));
  }

  logout() {
    this.afAuth.auth.signOut();
  }

}

Я получил эту ошибку

ОШИБКА TypeError: app.authне является функцией

По умолчанию версия firebase равна firebase@6.6.2

Я попытался установить firebase@4.6.0, но затем я получил новую ошибку

ОШИБКА FirebaseError {code: "app / bad-app-name", сообщение: "Firebase: недопустимое имя приложения: '[объект объекта] (app / bad-app-name).", Name: "[объект Объект] "

========================================

Ошибка типа: app.firestore не является функцией

https://stackblitz.com/edit/hamza-fruit-shop?file=src%2Fapp%2Fservices%2Fgoods.service.ts

goods.service.ts

import { Injectable } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';


@Injectable({
    providedIn: 'root'
})
export class GoodsService {
    constructor(private fs: AngularFirestore) {}
    getAllGoods() {
        return this.fs.collection('goods').valueChanges();
    }
}

https://stackblitz.com/edit/hamza-fruit-shop?file=src%2Fapp%2Fcomponents%2Fhome%2Fhome.component.ts

home.component.ts

import { GoodsService } from './../../services/goods.service';
import { Component, OnInit } from '@angular/core';
import { Good } from './../../interfaces/good.interface';

@Component({
    selector: 'app-home',
    templateUrl: './home.component.html',
    styleUrls: [ './home.component.css' ]
})
export class HomeComponent implements OnInit {
    goods: Good[] = [];

    constructor(private gs: GoodsService) {}

    ngOnInit() {
        this.gs.getAllGoods().subscribe((data) => (this.goods = data));
    }

    addToCart(index) {
        console.log('added', this.goods[index]);
    }
}

Я получил ошибку

TypeError: app.firestore не является функцией