Search code examples
angularpush-notificationionic4capacitorionic5

Error: Uncaught (in promise): PushNotifications does not have web implementation


How to catch this exception for web implementation, or to proceed with Push Notification for web.

If anyone can help me with it, it will be very helpful. ☺

Code that I have implemented:

PushNotifications.addListener('registrationError', (error: any) => {
    console.log('Error on registration: ' + JSON.stringify(error));
});

PushNotifications.addListener('pushNotificationReceived', (notification: PushNotification) => {
    console.log('Push received: ' 
        + JSON.stringify(notification.data));

    this.openToast(notification.data);
});

PushNotifications.addListener('pushNotificationActionPerformed', (notification: PushNotificationActionPerformed) => {
    console.log('Push action performed: ' 
        + JSON.stringify(notification.notification.data));

    this.navigate.navigateForward([
        'profile',
        notification.notification.data.identification,
    ]);
});

Just wanted to know how to implement PushNotification for web in ionic using capacitor. if there is any plugin or atleast if I can handle this exception.

Please let me know, in case of any further clarification


Solution

  • You can add this check before initializing your push notifications..

    import { Capacitor } from '@capacitor/core';
         
    const isPushNotificationsAvailable = Capacitor.isPluginAvailable('PushNotifications');
         
    if (isPushNotificationsAvailable) {
         this.initPushNotifications();
    }