Angular2 fire 没有导出成员“FirebaseListObservable”

Posted

技术标签:

【中文标题】Angular2 fire 没有导出成员“FirebaseListObservable”【英文标题】:Angular2 fire has no exported member 'FirebaseListObservable' 【发布时间】:2018-03-15 20:10:58 【问题描述】:

这是我的 package.json

"dependencies": 
    "@angular/cdk": "^2.0.0-beta.8",
    "@angular/common": "^4.3.4",
    "@angular/compiler": "^4.3.4",
    "@angular/core": "^4.3.4",
    ....//others


    "firebase": "^4.5.0",
    "angularfire2": "^5.0.0-rc.0",
,

 "peerDependencies": 
    "@angular/common": ">=2.3.1"
 ,



 "devDependencies": 
  ..others
 "typescript": "~2.3.3",
 "webpack": "^3.6.0"

在我的应用模块中

export const firebaseConfig = 
   apiKey: "value",
   authDomain: "value",
   databaseURL: "value",
   projectId: "value",
   storageBucket: "value",
   messagingSenderId: "value"
;

"imports:[
   AngularFireModule.initializeApp(firebaseConfig), AngularFireDatabaseModule

]

在我的组件中监听数据变化

import AngularFireDatabase , FirebaseListObservable from "angularfire2/database";


export class TrackingCenterComponent implements OnInit 
  registered: FirebaseListObservable<any>;

 constructor(
    private _af: AngularFireDatabase
  ) 
    this.registered = _af.list('/trucks');
   

 onSave()
    this.registered.push(
        truckid: val,truckno:truckno, ..........
      );

  




每当我尝试使用nppm startng serve 进行编译时都会出错

Module '"/home/geowan/Desktop/apps/angular2/bcl/node_modules
/angularfire2/database/index"' has no exported member 'FirebaseListObservable'.

我不知道为什么,上周效果很好。有什么问题。更新我的 npm 包后开始弹出此错误

我还需要更改什么才能使其正常工作。

注意:我通过npm install firebase angularfire2@next --save安装了firebase

【问题讨论】:

也有同样的问题。 @SudiptaDhara 我找出了问题所在,最近升级了 angular2 fire,FirebaseListObservable 现在已更改为 AngularFireList github.com/angular/angularfire2/blob/master/docs/… 他们真的把我搞砸了,因为我不得不改变我用过的每个组件。 @GEOFFREYMWANGI 您应该将您的解决方案发布为答案,以便将此问题标记为已完成。 【参考方案1】:

你需要改变你在应用组件中的依赖如下:

`import AngularFireDatabase , FirebaseListObservable from "angularfire2/database";`

`import  AngularFireDatabase, FirebaseListObservable  from 'angularfire2/database-deprecated';`

它会起作用的。

【讨论】:

以上是关于Angular2 fire 没有导出成员“FirebaseListObservable”的主要内容,如果未能解决你的问题,请参考以下文章

奇怪的 Angular Fire 错误重新 FetchXmlHttpFactory

Amazon Kindle Fire 的 ADM - INVALID_SENDER

Fire TV / Fire OS 的 Google 登录

UVA 11624 Fire

fire fox 浏览器看不了视频,怎么调?

fire fox 浏览器看不了视频,怎么调?