hello
i got this error in ionic 3 when put onesignal in my project
Uncaught (in promise): TypeError: Cannot read property 'OneSignal' of undefined
my app.component.ts is
import { Component, ViewChild } from '@angular/core';
import { DetailPage } from '../pages/detail/detail';
import {AlertController} from "ionic-angular";
import { Platform, Nav } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { HomePage } from '../pages/home/home';
import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { GalleryPage } from '../pages/gallery/gallery';
import { NotifPage } from '../pages/notifaction/notifaction';
import { OffersPage } from '../pages/offers/offers';
import { ServicePage } from '../pages/serv/serv';
import { OneSignal } from '@ionic-native/onesignal';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
@ViewChild(Nav) nav: Nav;
rootPage = HomePage;
pages: Array<{title: string, component: any}>;
constructor(public platform: Platform,public statusBar: StatusBar,public splashScreen: SplashScreen, public alertCtrl: AlertController, public oneSignal: OneSignal) {
platform.ready().then(() => {
if (splashScreen) {
setTimeout(() => {
splashScreen.hide();
}, 100);
} // Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
statusBar.styleDefault();
this.oneSignal.startInit('e552e072-fc6b-485d-b645-974cd1fcf21a', '884611595411');
this.oneSignal.inFocusDisplaying(this.oneSignal.OSInFocusDisplayOption.InAppAlert);
this.oneSignal.handleNotificationReceived().subscribe(() => {
// do something when notification is received
});
this.oneSignal.handleNotificationOpened().subscribe(() => {
// do something when a notification is opened
});
this.oneSignal.endInit();
});
}
}
my pakage.json is
{
"name": "ward44",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint",
"ionic:build": "ionic-app-scripts build",
"ionic:serve": "ionic-app-scripts serve"
},
"dependencies": {
"@angular/common": "4.1.0",
"@angular/compiler": "4.1.0",
"@angular/compiler-cli": "4.1.0",
"@angular/core": "4.1.0",
"@angular/forms": "4.1.0",
"@angular/http": "4.1.0",
"@angular/platform-browser": "4.1.0",
"@angular/platform-browser-dynamic": "4.1.0",
"@ionic-native/core": "3.7.0",
"@ionic-native/onesignal": "^3.8.0",
"@ionic-native/splash-screen": "3.7.0",
"@ionic-native/status-bar": "3.7.0",
"@ionic/storage": "2.0.1",
"ionic-angular": "3.2.1",
"ionicons": "3.0.0",
"rxjs": "5.1.1",
"sw-toolbox": "3.4.0",
"zone.js": "^0.8.10"
},
"devDependencies": {
"@ionic/app-scripts": "1.3.7",
"@ionic/cli-plugin-cordova": "1.0.0",
"@ionic/cli-plugin-ionic-angular": "1.0.0",
"typescript": "~2.2.1"
},
"description": "An Ionic project"
}
