Entwickler behebt redundanten Fehler im Service Worker von Next.js PWA mit Claudes Hilfe
Ein Entwickler teilte seine Erfahrungen beim Bau von Somnia, einer App für Trauminkubation und Programmierung, die fast vollständig mit Claude als Programmierpartner erstellt wurde. Die App ist eine Next.js 14 Progressive Web App, die sich wie eine native App auf dem Startbildschirm installieren lässt, Push-Benachrichtigungen zu Schlaf-/Wachzeiten sendet, alle Daten lokal auf dem Gerät speichert und die Verteilung über App-Stores vermeidet.
Der problematische Fehler
Der Entwickler verbrachte drei Wochen mit der Fehlersuche bei einem kritischen Problem, bei dem Web-Push-Benachrichtigungen nicht funktionierten. Der Service Worker wurde im PWA-Standalone-Modus auf Samsung Android-Geräten sofort nach der Installation REDUNDANT. navigator.serviceWorker.getRegistrations() gab in diesem Modus durchgehend leere Arrays zurück.
Debugging-Prozess
Während des Debugging-Prozesses:
- Konsultierte der Entwickler Claude, GPT, Gemini und Perplexity für Unterstützung
- Erstellte vollständige Debug-Berichte
- Testete über 15 verschiedene Lösungsansätze
- Baute eine Debug-Seite, die schließlich zeigte, dass der Service Worker REDUNDANT wurde
- Interpretierte die
chrome://serviceworker-internals-Ausgabe mit Claudes Hilfe
Die Ursache
Das eigentliche Problem war, dass sw.js versehentlich mit einer veralteten Build-ID in Git eingecheckt worden war. Das Precache-Manifest darin versuchte, Assets von einem alten Deployment abzurufen, die alle 404-Fehler zurückgaben. Workbox's Installationsereignis scheiterte stillschweigend, wodurch der Service Worker sich jedes Mal selbst zerstörte.
Die Lösung
Die Lösung war einfach: Der Befehl git rm --cached behebt das Problem, indem die veraltete Datei aus dem Cache entfernt wird.
Claude half dabei, systematisches Debugging aufrechtzuerhalten, als der Entwickler aufgeben wollte. Während die App keinerlei KI-generierte Inhalte enthält (alle Traumeinträge sind von Menschen geschrieben), wurde sie fast vollständig durch Gespräche mit Claude gebaut.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Ein Prompt-Pipeline demonstriert Meta-Programmier-Eigenschaften
Ein Entwickler hat eine vierstufige Prompt-Pipeline für eine Electron-App erstellt, die strukturell einer Programmiersprache ähnelt und typisierte Verträge, Kontrollfluss und automatische Dokumentation umfasst. Das System behebt 17 Fehler und überarbeitet 1.218 Codezeilen an einem Tag.
Praktische OpenClaw-Einrichtung: Mac Mini-Konfiguration, Kostenmanagement und tägliche Automatisierung
Ein Entwickler teilt sein grundlegendes OpenClaw-Assistenten-Setup, das auf einem Mac Mini läuft, und erläutert Sicherheitsmaßnahmen, Kostenoptimierung von anfänglichen 60-70 US-Dollar API-Gebühren auf 0,60-2,60 US-Dollar täglich sowie praktische Integrationen wie Telegram, Dropbox und Google Workspace über Composio.
Mit Claude AI eine Wassergranate zur Taubenabwehr bauen — null Code geschrieben
Ein Entwickler baute eine automatische Wasserkanone zur Taubenabwehr mit Claude AI für Schaltpläne, Code und Komponentenauswahl – ohne eine einzige Zeile Code selbst zu schreiben.
Wann man KI-Agenten gegenüber einfacheren Tools einsetzt: Muster aus r/LocalLLaMA
Eine Reddit-Diskussion skizziert drei Fragen, um zu bestimmen, ob eine Aufgabe einen KI-Agenten benötigt: Ist das Verfahren bekannt? Wie viele Elemente? Sind die Elemente unabhängig? Der Beitrag identifiziert Anti-Patterns wie Stapelverarbeitung und geplante Berichte, die nicht von der Agentenlogik profitieren.