首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >找不到“angularfire2 2/数据库”模块

找不到“angularfire2 2/数据库”模块
EN

Stack Overflow用户
提问于 2018-07-05 17:35:13
回答 1查看 510关注 0票数 0

运行时错误找不到模块“angularfire2 2/数据库”堆栈错误:找不到模块“angularfire2 2/database”

Home.Ts

代码语言:javascript
运行
复制
  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);
   }
 }

错误在这一行。

代码语言:javascript
运行
复制
  import { FirebaseListObservable } from 'angularfire2/database';

app.module.Ts

代码语言:javascript
运行
复制
 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 {}'

产出:

运行时错误无法在Object.195 ( webpack_require (http://localhost:8100/build/vendor.js:55:30)at Object.194 (http://localhost:8100/build/main.js:44:87) )中找到模块“angularfire2 2/database”)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-28 15:43:17

试一试

代码语言:javascript
运行
复制
import { AngularFireList } from 'angularfire2/database';

而不是

import { FirebaseListObservable } from 'angularfire2/database';

你用哪种版本?在AngularFire 5.0中,FirebaseListObservable被删除

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51197070

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档