[app-scripts] [15:39:49] typescript: C:/Users/Desktop/apps/test2/myapp/src/pages/tasklist/task.ts, line: 4
[app-scripts] Unexpected token. A constructor, method, accessor, or property was expected.
[app-scripts] L3: status: string;
[app-scripts] L4: tasks: FirebaseListObservable<any>;.
[app-scripts] Module ‘“C:/Users/Desktop/apps/test2/myapp/node_modules/angularfire2/index”’ has no exported member
[app-scripts] ‘AngularFireDatabase’.
[app-scripts] L9: import { AngularFireDatabaseModule } from ‘angularfire2/database’;
[app-scripts] [15:39:49] typescript: C:/Users/Desktop/apps/test2/myapp/src/app/app.module.ts, line: 10
[app-scripts] [15:39:49] typescript: C:/Users/Desktop/apps/test2/myapp/src/app/app.module.ts, line: 10
[app-scripts] [15:39:49] typescript: C:/Users/Desktop/apps/test2/myapp/src/pages/tasklist/task.ts, line: 4
[app-scripts] [15:39:49] typescript: C:/Users/Desktop/apps/test2/myapp/src/pages/tasklist/tasklist.ts, line: 4
[app-scripts] [15:39:49] typescript: C:/Users/Desktop/apps/test2/myapp/src/pages/tasklist/tasklist.ts, line: 4
[app-scripts] L10: import { AngularFireDatabase, FirebaseListObservable } from ‘angularfire2’;
[app-scripts] Module ‘“C:/Users/Desktop/apps/test2/myapp/node_modules/angularfire2/index”’ has no exported member
[app-scripts] ‘FirebaseListObservable’.
[app-scripts] L9: import { AngularFireDatabaseModule } from ‘angularfire2/database’;
[app-scripts] L10: import { AngularFireDatabase, FirebaseListObservable } from ‘angularfire2’;
[app-scripts] Cannot find name ‘FirebaseListObservable’.
[app-scripts] L3: status: string;
[app-scripts] L4: tasks: FirebaseListObservable<any>;.
[app-scripts] Module ‘“C:/Users/Desktop/apps/test2/myapp/node_modules/angularfire2/index”’ has no exported member
[app-scripts] ‘AngularFireDatabase’.
[app-scripts] L3: import { Task } from ‘./task’;
[app-scripts] L4: import { AngularFireDatabase, FirebaseListObservable } from ‘angularfire2’;
[app-scripts] Module ‘“C:/Users/Desktop/apps/test2/myapp/node_modules/angularfire2/index”’ has no exported member
[app-scripts] ‘FirebaseListObservable’.
[app-scripts] L3: import { Task } from ‘./task’;
[app-scripts] L4: import { AngularFireDatabase, FirebaseListObservable } from ‘angularfire2’;
app.module
import { BrowserModule } from ‘@angular/platform-browser’;
import { ErrorHandler, NgModule } from ‘@angular/core’;
import { IonicApp, IonicErrorHandler, IonicModule } from ‘ionic-angular’;
import { SplashScreen } from ‘@ionic-native/splash-screen’;
import { StatusBar } from ‘@ionic-native/status-bar’;
import { MyApp } from ‘./app.component’;
import { TaskListPage } from ‘…/pages/tasklist/tasklist’;
import { AngularFireModule } from ‘angularfire2’;
import { AngularFireDatabaseModule } from ‘angularfire2/database’;
import { AngularFireDatabase, FirebaseListObservable } from ‘angularfire2’;
export const firebaseConfig = {
apiKey: “your-api-key”,
authDomain: “your-authdomain”,
databaseURL: “https://someurl.firebaseio.com”,
storageBucket: “someurl.appspot.com”,
messagingSenderId: “your-messageSenderID”
};
@NgModule({
declarations: [
MyApp,
TaskListPage
],
imports: [
BrowserModule,
HttpModule,
IonicModule.forRoot(MyApp),
AngularFireModule.initializeApp(firebaseConfig),
AngularFireDatabaseModule
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
TaskListPage
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}
app.component
import { Component } from ‘@angular/core’;
import { Platform } from ‘ionic-angular’;
import { StatusBar } from ‘@ionic-native/status-bar’;
import { SplashScreen } from ‘@ionic-native/splash-screen’;
import { TaskListPage } from ‘…/pages/tasklist/tasklist’;
@Component({
templateUrl: ‘app.html’
})
export class MyApp {
rootPage:any = TaskListPage;
constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
platform.ready().then(() => {
// OK, so the platform is ready, and our plugins are available.
// Here you can do any higher-level native things you might need.
statusBar.styleDefault();
splashScreen.hide();
});
}
}
tasklist.ts
import { Component } from ‘@angular/core’;
import {NavController, ItemSliding} from ‘ionic-angular’;
import { Task } from ‘./task’;
import { AngularFireDatabase, FirebaseListObservable } from ‘angularfire2’;
@Component({
selector: ‘page-tasklist’,
templateUrl: ‘tasklist.html’
})
export class TaskListPage {
tasks: Array = ;
constructor(public navCtrl: NavController) {
this.tasks = [
{title:‘Milk’, status: ‘open’},
{title:‘Eggs’, status: ‘open’},
{title:‘Syrup’, status: ‘open’},
{title:‘Pancake Mix’, status: ‘open’}
];
}
addItem() {
let theNewTask: string = prompt(“New Task”);
if (theNewTask !== ‘’) {
this.tasks.push({ title: theNewTask, status: ‘open’ });
}
}
markAsDone(slidingItem: ItemSliding, task: any) {
task.status = “done”;
slidingItem.close();
}
removeTask(slidingItem: ItemSliding, task: any) {
task.status = “removed”;
let index = this.tasks.indexOf(task);
if (index > -1) {
this.tasks.splice(index, 1);
}
slidingItem.close();
}
}
task.ts
export class Task {
title: string;
status: string;
tasks: FirebaseListObservable<any>;.
}