无法在firebase云消息传递应用程序中获取令牌

Question

我试图在我的应用程序中实现firebase云消息传递服务。 下面是我在HTML中的脚本标记的代码。

   var config = {
      apiKey: "AIzaSyBcfYNuvHobyGTY6EcQ86TJVPsPRW5Xcts",
      authDomain: "test-8c53c.firebaseapp.com",
      databaseURL: "https://test-8c53c.firebaseio.com",
      storageBucket: "test-8c53c.appspot.com",
      messagingSenderId: "144847525550"
};

   firebase.initializeApp(config);
   const  messaging = firebase.messaging();
   messaging.requestPermission().then(function(){
      console.log('have permition');
      console.log(messaging.getToken());
      return messaging.getToken().then(function (token) {
        console.log(token+"hii");
    }).catch(function (err) {
        console.log('error occured:'+err);
    });
  }).catch(function(err){
    console.log('error occure'+err);
});
messaging.setBackgroundMessageHandler(function(payLoad){
    const tittle = 'Hello World';
    const option = {
        body : payLoad.data.status
    }
    return self.registration.showNotification(tittle,option);
});

当我在浏览器中运行此代码时，它会在浏览器中生成以下错误：

  

FirebaseError：消息：我们无法注册默认服务工作者。无法注册ServiceWorker：获取脚本时收到错误的HTTP响应代码（404）。 （消息/失败-serviceworker注册）。

还有另一个问题，当我尝试通过单击HTML文件来运行时，令牌值将返回为null。

有人，请帮我解决这个问题。