首页 文章

找不到模块“angularfire2 / database”

提问于
浏览
0

Runtime Error 找不到模块"angularfire2/database"堆栈错误:找不到模块"angularfire2/database"

Home.Ts

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 {}'

输出:

运行时错误找不到模块"angularfire2/database"堆栈错误:无法在Object.195找到模块"angularfire2/database"(http://localhost:8100/build/main.js:89:7)atat) webpack_requirehttp://localhost:8100/build/vendor.js:55:30)atat) Object.194(http://localhost:8100/build/main.js:44:87

1 回答

  • 0

    尝试

    import { AngularFireList } from 'angularfire2/database';
    

    代替

    import { FirebaseListObservable } from 'angularfire2/database';

    你用的是哪个版本?在AngularFire 5.0中,FirebaseListObservable被删除

相关问题