firebase.database не является функцией, несмотря на импорт всех из firebase

Question

Я написал простую программу с угловой структурой для чтения значений из базы данных, но когда я работаю, консоль выдает ошибку 'firebase_app__WEBPACK_IMPORTED_MODULE_1 __. База данных не является функцией'

Вот компонент в еев целом:

import {NgModule,Component} from '@angular/core'
import * as firebase from 'firebase/app'
import {firebaseConfig} from './firebaseConfig' // I put the credentials of my 
                                            // database in this file

@NgModule ({})
@Component({
    selector: 'practiceFb',
    template:``
})
export class practiceFb {

constructor () {
    firebase.initializeApp(firebaseConfig);

    var TheItem= firebase.database().ref('TheItem');
    TheItem.on("value", (snapshot) => {
        console.log(snapshot.val());
    })
}
}

Answer 1

Это потому, что вы импортируете из firebase/app, а не просто firebase.

Попробуйте изменить

import * as firebase from 'firebase/app';

на

import * as firebase from 'firebase';