模块 C://.. 没有“firebaseObservable”导出成员错误答案

【问题标题】：The module C://.. has no "firebaseObservable" exported member error模块 C://.. 没有“firebaseObservable”导出成员错误
【发布时间】：2018-06-05 13:23:24
【问题描述】：

我正在尝试为我的班级学习 angular/firebase 教程。（你可以在这里找到它https://www.barbarianmeetscoding.com/blog/2017/06/09/from-idea-to-reality-in-under-50-minutes-mostly-with-angular-and-firebase/）我逐字逐句地跟踪它，但我在我的组件中导入 FirebaseListObservable 时出错，它说它没有导出的成员我已经咨询了所有类似的问题，但我找不到解决方案。

我的组件是：

import { Component, OnInit } from '@angular/core';
import { Baby } from '../baby';

import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';
import { RandomPickerService } from '../random-picker.service';

@Component({
selector: 'app-babies',
templateUrl: './babies.component.html',
styleUrls: ['./babies.component.css']
})
export class BabiesComponent implements OnInit {
babies: FirebaseListObservable<Baby[]>;

constructor(private db: AngularFireDatabase, private randomService: RandomPickerService) { }

ngOnInit() {
this.babies = this.db.list('/babies');
}

// create new baby!
giveBirth() {
// create new baby!
const newBaby = new Baby(this.pickRandomName());
const babies = this.db.list('/babies');
babies.push(newBaby);
}

pickRandomName() {
const names = ['Erik', 'Nicolas', 'Fabian', 'Jaime', 'Anderson', 'Luisa', 'Laura', 'Gustavo', 'Chicuazuque', 'Felipe', 'Juan', 'Jose'];
return this.randomService.pickAtRandom(names);
}

}

我的路由模块是这个：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { BabiesComponent } from './babies/babies.component'

const routes: Routes = [
{
path: 'babies',
children: [{
    path: '',
    component: BabiesComponent
}],
},
{
  path: '**',
  redirectTo: 'babies'
}
];

@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }

我的应用模块就是这个：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FirebaseApp } from 'angularfire2';
import { AppComponent } from './app.component';
import { BabiesComponent } from './babies/babies.component';
import { AppRoutingModule } from './/app-routing.module';
import { HttpModule, Http } from '@angular/http';
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';
import { RandomPickerService } from './random-picker.service';
// Environment configuration
import { environment } from '../environments/environment';

@NgModule({
declarations: [
AppComponent,
BabiesComponent,
],
imports: [
BrowserModule,
AppRoutingModule,
AngularFireModule.initializeApp(environment.firebase),
AngularFireDatabaseModule,
HttpModule
],
bootstrap: [AppComponent],
providers: [RandomPickerService]
})
export class AppModule { }

【问题讨论】：

如果您使用 angular 6（请在下次询问时指定），请尝试npm i --save rxjs-compat。还将 firebase 更新到最新版本

标签： javascript node.js angular firebase

【解决方案1】：

这是因为随着新的 angularfire2 更新，FirebaseListObservable 已被弃用。如果您仍想使用 FirebaseListObservable，请将您的导入包从“angularfire2/database”更改为“angularfire2/database-deprecated”，否则您可以查看 GitHub 上的 angualfire2 文档以了解如何使用他们的新 AngularFireList。 https://github.com/angular/angularfire2/blob/master/docs/version-5-upgrade.md

【讨论】：