数据未通过 Ionic 和 Angular 应用程序进入 AngularFire

Question

我收到错误，并且使用 angularfire for firebase 的 Angular 和 ionic 应用程序中没有数据。

package.json：

"dependencies": {
    "@angular/common": "5.0.3",
    "@angular/compiler": "5.0.3",
    "@angular/compiler-cli": "5.0.3",
    "@angular/core": "5.0.3",
    "@angular/forms": "5.0.3",
    "@angular/http": "5.0.3",
    "@angular/platform-browser": "5.0.3",
    "@angular/platform-browser-dynamic": "5.0.3",
    "@ionic-native/core": "4.4.0",
    "@ionic-native/splash-screen": "4.4.0",
    "@ionic-native/status-bar": "4.4.0",
    "@ionic/pro": "1.0.16",
    "@ionic/storage": "2.1.3",
    "angularfire2": "^5.0.0-rc.1",
    "firebase": "^4.4.0",
    "ionic-angular": "3.9.2",
    "ionicons": "3.0.0",
    "rxjs": "5.5.2",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
  },

firebase 服务：

constructor(public afDB: AngularFireDatabase) {
    console.log('Hello FireBaseServicesProvider Provider');
  }

  getStockUserList(){
    // let getData = this.afDB.list().
    return this.afDB.list('stock/').valueChanges();
    // this.afDB.list('stock/');
  }

在 page.ts 文件中：

    stockList: Observable<any>;
this.stockList = this.fbService.getStockUserList();

在 html 中：

<ul>
    <li *ngFor="let item of stockList | async">
      {{ item.age }}
    </li>
  </ul>

在 firebase 库存列表中，名称和年龄带有唯一键。 add 正在工作，但从 firebase 获取的数据有问题，并且还显示“ngFor 仅适用于数组元素”和

typescript error
            Cannot find type definition file for 'firebase'.

Answer 1

返回到 Firebase 4.8.0：

• 在 CLI 中，项目路径类型为：npm uninstall firebase 然后一旦鱼卸载，输入：npm cache clear
• 然后输入：npm install firebase@^4.8.0
• 最后：删除 package.json 中的依赖项中的 "firebase": "^5.0.0-rc.1" 并键入 "firebase": "4.8.0"