i run into this error once i lunch my app, i believe the error is caused by the firebase.service component inside the ngOnInit here is code sample
`import { Component, OnInit, AfterViewInit, ViewChild, ElementRef } from "@angular/core";
import { Observable } from 'rxjs/Observable';
import { BackendService, FirebaseService } from "../services";
return new Observable((observer: any) => {
let path = 'Yowls';
let onValueEvent = (snapshot: any) => {
this.ngZone.run(() => {
let results = this.handleSnapshot(snapshot.value);
observer.next(results);
});
};
firebase.addValueEventListener(onValueEvent, `/${path}`);
}).share();
}
handleSnapshot(data: any) {
//empty array, then refill and filter
this._allYowls = [];
if (data) {
for (let id in data) {
let result = (<any>Object).assign({id: id}, data[id]);
this._allYowls.push(result);
}
this.publishUpdates();
}
return this._allYowls;
}
getChats(): Observable {
return new Observable((observer: any) => {
let path = 'Chats';
let onValueEvent = (snapshot: any) => {
this.ngZone.run(() => {
let results = this.handleChatSnapshot(snapshot.value);
observer.next(results);
});
};
firebase.addValueEventListener(onValueEvent, `/${path}`);
}).share();
}
handleChatSnapshot(data: any) {
//empty array, then refill and filter
this._allChats = [];
if (data) {
for (let id in data) {
let result = (<any>Object).assign({id: id}, data[id]);
this._allChats.push(result);
}
this.publishChatUpdates();
}
return this._allChats;
i run into this error once i lunch my app, i believe the error is caused by the firebase.service component inside the ngOnInit here is code sample `import { Component, OnInit, AfterViewInit, ViewChild, ElementRef } from "@angular/core";
import { Observable } from 'rxjs/Observable';
import { BackendService, FirebaseService } from "../services";
import { ListView } from 'ui/list-view';
import { TextField } from 'ui/text-field';
import { ScrollView } from 'ui/scroll-view';
@Component({
})
export class ChatTabComponent implements OnInit {
} ` and here is the firebaseservice
`import {Injectable, NgZone} from "@angular/core";
import {User, Yowl} from "../models";
import { BackendService } from "./backend.service";
import firebase = require("nativescript-plugin-firebase");
import {Observable} from 'rxjs/Observable';
import {BehaviorSubject} from 'rxjs/BehaviorSubject';
import 'rxjs/add/operator/share';
@Injectable()
export class FirebaseService {
constructor(
){}
yowls: BehaviorSubject<Array> = new BehaviorSubject([]);
private _allYowls: Array = [];
chats: BehaviorSubject<Array> = new BehaviorSubject([]);
private _allChats: Array = [];
getMessage(){
}
register(user: User) {
}
login(user: User) {
}
logout(){
}
resetPassword(email) {
}
getYowls(): Observable {
}
handleSnapshot(data: any) {
}
getChats(): Observable {
}
handleChatSnapshot(data: any) {
}
sendYowl(Yowl:any) {
}
chat(message:string) {
}
publishUpdates() {
}
publishChatUpdates() {
}
handleErrors(error) {
}
} ` i already init firebase in app.component.ts
`import { Component, OnInit } from "@angular/core";
const firebase = require("nativescript-plugin-firebase");
const dialogs = require("ui/dialogs");
import { BackendService } from "./services/backend.service";
@Component({
selector: "yw-main",
template: " "
})
export class AppComponent implements OnInit {
ngOnInit(): void {
}
} `