ayer mi aplicacion no tenia problemas cuando queria pedir tokens fcm, de repente ahora no puede, y el error que sale es:

resultado de error

Mi suposición es que firebase-messaging-sw no puede estar activo, ni siquiera está en la carpeta de resultados de compilación, aunque ayer no hubo ningún problema. la base de fuego que estoy usando es la versión 9, por lo que es modular.

firebase-messaging-sw.js

 import { initializeApp } from "firebase/app"; import { getMessaging } from "firebase/messaging/sw"; // Initialize the Firebase app in the service worker by passing in // your app's Firebase config object. // https://firebase.google.com/docs/web/setup#config-object const firebaseApp = initializeApp({ apiKey: "--------", authDomain: "-------", projectId: "------", storageBucket: "-----", messagingSenderId: "------", appId: "---------" }); // Retrieve an instance of Firebase Messaging so that it can handle background // messages. const messaging = getMessaging(firebaseApp);

principal.js

 import { createApp } from 'vue' import App from './App.vue' import './registerServiceWorker' import router from './router' import store from './store' import { initializeApp } from "firebase/app"; import './utils/firebase-messaging-sw' import { getMessaging, getToken } from "firebase/messaging"; const firebaseConfig = { apiKey: "---------------------", authDomain: "-----------------------", projectId: "---------------------", storageBucket: "----------------------", messagingSenderId: "-----------------------", appId: "---------------------------" }; const app = initializeApp(firebaseConfig); const messaging = getMessaging(); getToken(messaging, { vapidKey: '---------------------------------' }).then((currentToken) => { if (currentToken) { console.log(currentToken) } else { console.log('No registration token available. Request permission to generate one.'); } }).catch((err) => { console.log('An error occurred while retrieving token. ', err); }); createApp(App).use(store).use(router).mount('#app')

después de compilar, el archivo firebase-messaging-sw.js también debería estar en él, eso es lo que sucedió ayer, pero de alguna manera ahora, de repente, no puede

resultado de compilación

porque uso pwa, debe haber 2 trabajadores de servicio activo

1. trabajador de servicio de Vue
2. trabajador de servicio de firebase-messaging-sw

de hecho, los únicos activos son los trabajadores de servicio de vue

trabajadores en servicio activo

aquí está mi directorio de estructura de directorios