angularfire2

Can't fix this problem: app.component.ts import { AngularFire, AuthProviders, AuthMethods } from 'angularfire2'; /angularfire2/index has no exported member 'AngularFire', /angularfire2/index has no exported member 'AuthProviders', /angularfire2/index has no exported member 'AuthMethods ' but in app.module.ts import { AngularFireModule } from 'angularfire2'; works fine and I can initialize the app package.json "angularfire2": "^4.0.0-rc.0", "core-js": "^2.4.1", "firebase": "^3.9.0", ... "devDependencies": {... "ts-node": "~2.0.0", "tslint": "~4.5.0", "typescript": "~2.2.0" Since you are using

I'm learning Angular looking for help in fixing the error: I'm following this link : https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md to create a angular small app with angular2 and angularfirestore2 but when I hit ng serve I am getting the below error in browser console.. StaticInjectorError[AngularFirestore]: StaticInjectorError[AngularFirestore]: NullInjectorError: No provider for AngularFirestore! at _NullInjector.get (core.js:923) at resolveToken (core.js:1211) at tryResolveToken (core.js:1153) at StaticInjector.get (core.js:1024) at resolveToken (core.js:1211

I have been going round in circles trying to unit test a Service ( AuthService ) that depends upon AngularFireAuth . I am trying to find a way to mock, or highjack the Observable AngularFireAuth.authState instead of the Service actually talking to Firebase. Here is my test spec: import { inject, TestBed } from '@angular/core/testing'; import { AngularFireModule } from 'angularfire2'; import { AngularFireAuth, AngularFireAuthModule } from 'angularfire2/auth'; import * as firebase from 'firebase/app'; import 'rxjs/add/observable/of'; // import { BehaviorSubject } from 'rxjs/BehaviorSubject';

I have two fire store collection with following reference image . I want to get the firstName and title . Here signup_id is referenced from coll-signup document id. Following code given below what i did. Model feed.ts export interface Feed { firstName? : string; signup_id? : string; title? : string; } news feed.component template <ul *ngFor="let feed of feeds"> <!-- <li>{{feed.firstName}}</li> --> // Here I want to print my first name <li>{{feed.title}}</li> <li>{{feed.signup_id}}</li> </ul> news-feed.component.ts import { Component, OnInit } from '@angular/core'; import { Feed } from '../..

I am working on application using angular and firebase. I installed firebase with the instructions given on site and the versions as follows, "angularfire2": "^5.0.0-rc.4", "firebase": "^4.8.1", but the following error comes ERROR in node_modules/@firebase/database/dist/esm/src/api/Database.d.ts(4,33): error TS2307: Cannot find module '@firebase/app-types/private'. node_modules/@firebase/database/dist/esm/src/core/AuthTokenProvider.d.ts(17,39): error TS2307: Cannot find module '@firebase/app-types/private'. It's a known issue that it's a problem with the newest npm firebase package (v4.8.1).

working on ionic3, angularfire2 v5 TypeError: Object(...) is not a function at SwitchMapSubscriber.project (http://localhost:8100/build/vendor.js:73935:76) at SwitchMapSubscriber._next (http://localhost:8100/build/vendor.js:61778:27) at SwitchMapSubscriber.Subscriber.next (http://localhost:8100/build/vendor.js:20750:18) at RefCountSubscriber.Subscriber._next (http://localhost:8100/build/vendor.js:20786:26) at RefCountSubscriber.Subscriber.next (http://localhost:8100/build/vendor.js:20750:18) at Subject.next (http://localhost:8100/build/vendor.js:23237:25) at ConnectableSubscriber.Subscriber.

i need your help, i'm trying to display some datas from my firebase but it trhows me an error like InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe' . There is my service: import { Injectable } from '@angular/core'; import { AngularFireDatabase } from 'angularfire2/database'; @Injectable() export class MoviesService { constructor(private db: AngularFireDatabase) {} get = () => this.db.list('/movies'); } There is my component: import { Component, OnInit } from '@angular/core'; import { MoviesService } from './movies.service'; @Component({ selector: 'app-movies', templateUrl: './movies

I am trying to access firebase.storage() on my project, with: "@angular": "2.0.0-rc.5" "angularfire2": "^2.0.0-beta.3-pre2" "firebase": "^3.3.0" I found this solution , and created my .component.ts file with: import { Component } from '@angular/core'; declare var firebase : any; @Component({ template: '<img [src]="image">' }) export class RecipesComponent { image: string; constructor() { const storageRef = firebase.storage().ref().child('images/image.png'); storageRef.getDownloadURL().then(url => this.image = url); } } and I get the following error in the browser console: EXCEPTION: Error: