'FCM with NextJs

I am trying to integrate FCM with next.js ..but its showing the following error. Can anyone please help me with the next.config.js file?

FirebaseError: Messaging: We are unable to register the default service worker. Failed to register a ServiceWorker for scope ('http://localhost:3000/firebase-cloud-messaging-push-scope') with script ('http://localhost:3000/firebase-messaging-sw.js'): A bad HTTP response code (404) was received when fetching the script. (messaging/failed-service-worker-registration).
    at WindowController.eval (webpack-internal:///./node_modules/@firebase/messaging/dist/index.esm.js:1053:45)
    at step (webpack-internal:///./node_modules/tslib/tslib.es6.js:124:23)
    at Object.eval [as throw] (webpack-internal:///./node_modules/tslib/tslib.es6.js:105:53)
    at rejected (webpack-internal:///./node_modules/tslib/tslib.es6.js:96:65)
firebase-cloud-messagingnext.jsruby-on-railsrubymiddlewarerackrailscasts


Solution 1:[1]

Example with nextjs, Firebase V9 cloud messaging

Generate VapidKey add config variables of your project After, you execute de npm run dev. It will appear the token in the console, you can use that token to send a test message. and it will send the foreground and background notification.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1

Related Questions