尽管从firebase导入了所有内容，firebase.database仍然不是一个函数

Question

我用一个角度框架编写了一个简单的程序来读取数据库中的值，但是当我服务控制台时会出错 ＆＃39; firebase_app__WEBPACK_IMPORTED_MODULE_1 __。数据库不是函数＆＃39;

以下是整个组件：

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';