Failed to execute 'subscribe' on 'PushManager': Subscription failed - no active Service Worker

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/firebase-messaging-sw.js')
    .then((registration) => {
      console.log('Service Worker registered with scope:', registration.scope);
    })
    .catch((error) => {
      console.error('Service Worker registration failed:', error);
    });
}

navigator.serviceWorker.ready.then((registration) => {
  console.log('Service Worker is active:', registration.active);
  // Now it's safe to call getToken
});

messaging.getToken({ vapidKey: 'YOUR_PUBLIC_VAPID_KEY' })
  .then((currentToken) => {
    if (currentToken) {
      console.log('Token received:', currentToken);
    } else {
      console.warn('No registration token available. Request permission to generate one.');
    }
  })
  .catch((err) => {
    console.error('An error occurred while retrieving token. ', err);
  });

navigator.serviceWorker.getRegistration().then((registration) => {
  if (!registration) {
    // Register the service worker again
    return navigator.serviceWorker.register('/firebase-messaging-sw.js');
  }
  return registration;
}).then((registration) => {
  // Wait for the service worker to be ready
  return registration.ready;
});