Ich Arbeit aktuell an einer App mit Ionic, dem bekannten framework das html/typescript code in apk’s und ipa’s umwandelt. Als ich zuletzt versucht habe mit dem Cordova plugin Local Notifications eine seite mit buttons zu machen die mir benachrichtigungen auf dem handy anzeigen, hab ich folgenden error bekommen:
Error: Unexpected value 'LocalNotifications' imported by the module 'AppModule'. Please add a @NgModule annotation.
import { Component, OnInit } from '@angular/core';
import { LocalNotifications, ELocalNotificationTriggerUnit } from '@ionic-native/local-notifications/ngx';
import { Platform, AlertController } from '@ionic/angular';
import { ThrowStmt } from '@angular/compiler';
@Component({
selector: 'app-notifications',
templateUrl: './notifications.page.html',
styleUrls: ['./notifications.page.scss'],
})
export class NotificationsPage implements OnInit {
scheduled = [];
constructor(private plt: Platform, private localNotifications: LocalNotifications, private alertCtrl: AlertController) {
this.plt.ready().then(() => {
this.localNotifications.on('click').subscribe(res => {
console.log('click: ', res);
let msg = res.data ? res.data.mydata : '';
this.showAlert(res.title, res.text, msg);
});
this.localNotifications.on('trigger').subscribe(res => {
console.log('trigger: ', res);
let msg = res.data ? res.data.mydata : '';
this.showAlert(res.title, res.text, msg);
})
});
}
ngOnInit() {
}
sN() {
this.localNotifications.schedule({
id: 1,
title: 'Attention',
text: 'Musterman macht eine App',
data: { mydata: 'My hidden message this is'},
trigger: { in: 5, unit: ELocalNotificationTriggerUnit.SECOND }
})
}
rN() {
this.localNotifications.schedule({
id: 22,
title: 'Recurring',
text: 'Mustermann macht eine App rec',
trigger: { every: ELocalNotificationTriggerUnit.MINUTE }
})
}
rD() {
this.localNotifications.schedule({
id: 42,
title: 'Good Morning',
text: 'Code smth epic today',
trigger: { every: { hour: 11, minute: 50} }
})
}
getAll() {
this.localNotifications.getAll().then(res => {
this.scheduled = res;
});
}
showAlert(header, sub, msg) {
this.alertCtrl.create({
header: header,
subHeader: sub,
message: msg,
buttons: ['Ok']
}).then(alert => alert.present())
}
}
Ich hab überall gesucht und absolut kein gleichen Error oder irgendeine Lösung gefunden die mir weiterhilft. Falls die Frage aufkommt:
Ja ich habe das Modul in der app.module.ts eingebunden
Ich hoffe wirklich mir kann jemand weiterhelfen
Mfg
Max