Angular-Push-Notification | This project was generated with Angular CLI | Generator Utils library

I am following the steps that are given in https://blog.angular-university.io/angular-push-notifications/#:~:text=Push%20Notification%20Demo,a%20Notification%20to%20the%20user.

I am trying to get push notification using angular. But while getting the push notification, I got an error

I have done the service worker setup. But don't know why this error is coming

I want to push notification subscription with web-push module and angular service worker. I've followed instructions from these links: Angular Push Notifications: a Complete Step-by-Step Guide and Push Notifications with Angular & Express yet the notification prompt was not showing up as it should. I've checked the swPush object and found out that it was not enabled, and I don't know why even I've followed angular/pwa installation instructions exactly as those links said. Hope someone here can help. Thanks a lot!

I run the application with my own Nodejs server, not with http-server module.

Here is my push subcription code:

I'm creating a PWA using angular 7, but I'm struggling with the push notifications.

I was following the tutorials as this and this using SWPush and Vapid keypairs. I was able to subscribe and unsubscribe and my server part works as well, but unfortunately the tutorials do not cover showing the actual notification in the app.

As I understood it, the notifications should pop up automatically without calling it in the code, right?. You just subscribe and the ngsw does the rest. Unfortunately they don't show up in my case. I can show them only by manually calling them in the code like this: