angular - firebase.database 不是一个函数，尽管从 firebase 导入所有内容

Question

我用角度框架编写了一个简单的程序来从数据库中读取值，但是当我为控制台提供服务时，会出现错误'firebase_app__WEBPACK_IMPORTED_MODULE_1__.database is not a function'

这是整个组件：

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());
    })
}
}

标签： angulartypescriptfirebasefirebase-realtime-database

Answer 1

这是因为您正在从而firebase/app不是仅从firebase.

尝试改变

import * as firebase from 'firebase/app';

到

import * as firebase from 'firebase';