FirebaseError：消息传递：我们无法注册默认服务工作者

Question

您好，请帮帮我....感谢您的回复.................................通知许可的确。; FirebaseError：消息传递：我们无法注册默认服务工作人员。无法注册 ServiceWorker：获取脚本时收到错误的 HTTP 响应代码 (404)。（消息传递/serviceworker 注册失败）。

  <script src="https://www.gstatic.com/firebasejs/5.5.3/firebase-auth.js"></script>

    <script>
        MsgElem = document.getElementById("msg")
        TokenElem = document.getElementById("token")
        NotisElem = document.getElementById("notis")
        ErrElem = document.getElementById("err")
        // Initialize Firebase
        // TODO: Replace with your project's customized code snippet
         var config = {
             apiKey: "AIzaSyBle95lld9XUBB5P-sn2vFciSxcIny-RQs",
             authDomain: "swapnear-f82dd.firebaseapp.com",
             databaseURL: "https://swapnear-f82dd.firebaseio.com",
             projectId: "swapnear-f82dd",
             storageBucket: "swapnear-f82dd.appspot.com",
             messagingSenderId: "390359777744"
         };
         firebase.initializeApp(config);

        const messaging = firebase.messaging();
        messaging
            .requestPermission()
            .then(function () {
                MsgElem.innerHTML = "Notification permission granted." 
                console.log("Notification permission granted.");

                // get the token in the form of promise
                return messaging.getToken()
            })
            .then(function(token) {
                TokenElem.innerHTML = "token is : " + token
            })
            .catch(function (err) {
                ErrElem.innerHTML =  ErrElem.innerHTML + "; " + err
                console.log("Unable to get permission to notify.", err);
            });

        messaging.onMessage(function(payload) {
            console.log("Message received. ", payload);
            NotisElem.innerHTML = NotisElem.innerHTML + JSON.stringify(payload) ;
        });
    </script>

Answer 1

我正在开发一个使用 firebase 消息传递的 React 项目，这对我有用：根据文档，我在“public”文件夹中创建了一个空的 firebase-messaging-sw.js 。

文件夹结构：

• 前端
  • 民众
    • 索引.html
    • 清单.json
    • firebase-messaging-sw.js
  • 源代码
    • 成分