Messaging: We are unable to register the default service worker.

[hakimov-dev]

I'm trying to add Firebase Cloud Messaging to a simple static site with vanilla Js. The notifications seem to be working in localhost(i.e serve . But when I deploy to GitHub Pages it causes the following error

Console:
FirebaseError: Messaging: We are unable to register the default service worker. Failed to register a ServiceWorker for scope ('https://sample.github.io/firebase-cloud-messaging-push-scope') with script ('https://sample.github.io/firebase-messaging-sw.js'): A bad HTTP response code (404) was received when fetching the script. (messaging/failed-service-worker-registration). at rt.<anonymous> (https://www.gstatic.com/firebasejs/7.14.2/firebase-messaging.js:1:31316) at https://www.gstatic.com/firebasejs/7.14.2/firebase-messaging.js:1:1935 at Object.throw (https://www.gstatic.com/firebasejs/7.14.2/firebase-messaging.js:1:2040) at i (https://www.gstatic.com/firebasejs/7.14.2/firebase-messaging.js:1:834)

[asleeguilez]

it could be that you are missing the file "messaging/firebase-messaging-sw.js"

[fkazemi5236]

it could be that you are missing the file "messaging/firebase-messaging-sw.js"

I am facing the same problem with Firebase 10 in React 18 project. The file is also in the root of the project, but this error is displayed during execution and when browser access is created for notifications.