Service-Arbeiter sync Brände nur das erste Mal

Question

Auf Schaltfläche klicken I für sync erfolgreich registrieren und feuert die Funktionalität, die ich in den service-worker beschrieben habe. Wenn ich offline bin - es wartet auf die Browser-Verbindung zu bekommen und dann feuert sie.

ABER - wenn ich die Taste zum ersten Mal klicken und alles ist in Ordnung - von dann erneut auf die Schaltfläche erfolgreich registriert für sync auf klicken, aber das sync Ereignis im Service-Arbeitern löst nie:

self.addEventListener('sync', function(event) { 
    console.log('EVENT in SYNC', event); 
} 

Ich sehe die Konsolenprotokollierung nur beim ersten Klicken auf die Schaltfläche. Fehle ich etwas?

Answer 1

Ich fand es heraus :) ... und das Problem war ziemlich lahm: der sync Handler in der Service-Arbeiter gab ein Versprechen, aber dieses Versprechen wurde nie gelöst. Sobald ich den resolve() Teil in der Handler zurückgegeben Versprechen hinzugefügt - alles hat gut funktioniert.

PS: In der Demo von Jake Archibald machte der Handler syncself.registration.showNotification, was ein Versprechen zurückgibt, und dieses Versprechen löst sich, sobald die Benachrichtigung angezeigt wird. Auf anderen Beispielen machen sie einfach fetch, die auch Versprechen zurückgibt, und dieses Versprechen löst Erfolg. Aber auf meinem Beispiel - ich zog Daten aus indexedDB und dann fetch machen. So - gerade gewickelt alles in

var p = new Promise(function(resolve, reject) { 
    // get data from indexedDB .. 
    fetch(...).then(function(response) { 
     return response; 
    }) 
    .then(function() { 
     // fetch was successful .. 
     resolve(); 
    }); 
}; 
return p; 

diese Weise ist es richtig funktionierte.