找不到模块"angularfire2/database"



>运行时错误找不到模块"angularfire2/database" 叠 错误:找不到模块"角度火力2/数据库">

首页

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { FirebaseProvider } from      './../../providers/firebase/firebase';
//error
import { FirebaseListObservable } from 'angularfire2/database';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
shoppingItems: FirebaseListObservable<any[]>;
newItem = '';
constructor(public navCtrl: NavController, public firebaseProvider:      FirebaseProvider) {
this.shoppingItems = this.firebaseProvider.getShoppingItems();
}
addItem() {
this.firebaseProvider.addItem(this.newItem);
}
removeItem(id) {
this.firebaseProvider.removeItem(id);
}
}

错误在此行中

import { FirebaseListObservable } from 'angularfire2/database';

app.module.Ts

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { ListPage } from '../pages/list/list';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { HttpModule } from '@angular/http';
import { AngularFireDatabaseModule } from 'angularfire2/database';
import { AngularFireModule } from 'angularfire2';
import { FirebaseProvider } from '../providers/firebase/firebase';
const firebaseConfig = {
apiKey: "$$$$$$$$$",
authDomain: "44444444.firebaseapp.com",
databaseURL: "https://44444.firebaseio.com",
projectId: "44444",
storageBucket: "i4444[enter image description here]     [1]3.appspot.com",
messagingSenderId: "************"
};
@NgModule({
declarations: [
MyApp,
HomePage,
ListPage
],
imports: [
BrowserModule,
HttpModule,
AngularFireDatabaseModule,
AngularFireModule.initializeApp(firebaseConfig),
IonicModule.forRoot(MyApp),
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
ListPage
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
FirebaseProvider
]
})
export class AppModule {}'

输出:

运行时错误 找不到模块"角度火力2/数据库" 叠 错误:在对象.195 (http://localhost:8100/build/main.js:89:7(在对象.194 (http://localhost:8100/build/main.js:44:87(webpack_require(http://localhost:8100/build/vendor.js:55:30(找不到模块"angularfire2/database">

试试

import { AngularFireList } from 'angularfire2/database';

而不是

import { FirebaseListObservable } from 'angularfire2/database';

您使用哪个版本?在 AngularFire 5.0 中,FirebaseListObservable 被删除

最新更新