serviceworker.js zeigt immer auf den falschen Pfad von Javascript-Datei

Question

In meiner PHP-Anwendung habe ich eine Datei namens main.js und in ihr hat eine Service-Worker-Implementierung einen Service Worker in einer Web-App zu registrieren. Dies ist die Probe Ausschnitt aus der main.js Datei einen Servicemitarbeiter registrieren benötigt

(function() { 
    //If serviceWorker supports, then register it. 
    if ("serviceWorker" in navigator) { 
    navigator.serviceWorker.register('http://localhost:88/weburl/serviceWorker.js', { scope: "./" }) //setting scope of sw 
    .then(function(registration) { 
     console.info('Service worker is registered!'); 
     checkForPageUpdate(registration); // To check if new content is updated or not 
    }) 
    .catch(function(error) { 
     console.error('Service worker failed ', error); 
    }); 
    } 

Dies ist der Weg zu meinem Projekt http://localhost:88/weburl.com/serviceWorker.js

, wenn ich das obige Projekt starten hält sie sagen

A bad HTTP response code (404) was received when fetching the script. serviceworker.js 

Und auf das Element Inspektion, als Basis-uRL zu dem Projekt hinzugefügt in Skript nie als

abgetastet geladen gezeigt wird

navigator.serviceWorker.register('http://localhost:88/weburl/serviceWorker.js', { scope: "./" }) //setting scope of sw 

stattdessen sehe ich dies, dass 404 in Fehlern führt nicht gefunden

navigator.serviceWorker.register('./serviceWorker.js', { scope: "./" }) //setting scope of sw 

bitte, was falsch sein könnte

Answer 1

Können Sie versuchen, nur ohne lokalen Host mit richtigem Weg, ich habe ein gerade gegebenes Beispiel unter

navigator.serviceWorker.register('/weburl/serviceWorker.js', { scope: "./" }) 

Oder schauen Sie auf diesen Link von google - https://developers.google.com/web/fundamentals/getting-started/primers/service-workers