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-Klick-Cloud-Hosting für OpenClaw KI-Agenten
OpenClaw präsentiert eine bahnbrechende Cloud-Hosting-Lösung mit einem Klick für KI-Agenten, die Bereitstellung und Zugänglichkeit vereinfacht. Entdecken Sie, wie diese Innovation die KI-Entwicklung auf der OpenClaw-Plattform revolutionieren wird.
Finanzmodellierer entwickelt lokale Sprach-zu-Werkzeug-Desktop-App mit Claude Code
Ein Entwickler mit einem Hintergrund in Finanzmodellierung nutzte Claude Code, um Sotto zu erstellen, eine lokale Windows-Spracherkennungsanwendung, die Whisper auf der GPU ausführt. Die App bietet systemweite Tastenkombinationen, automatische Stopp-Erkennung und eine Qt-Benutzeroberfläche mit etwa 2.200 Zeilen Python-Code über 17 Dateien verteilt.
OpenClaw-Agent automatisiert KI-Nachrichtenpipeline mit LLM-Kuration
Ein OpenClaw-Agent betreibt eine vollautomatisierte KI-Nachrichtenpipeline, die 25 RSS-Feeds, 13 Reddit-Subreddits, Twitter, GitHub und Websuchen scannt, dann Gemini Flash für die redaktionelle Auswahl und Claude Sonnet für das Schreiben nutzt. Das System kostet etwa 5 US-Dollar pro Monat und veröffentlicht in einem Telegram-Kanal.
Entwickler verbrennt Opus-Token im Wert von 2.500 US-Dollar auf OpenClaw: Reale Workflows vs. Tools
Ein Software-Shop-Besitzer berichtet, wie er über OpenClaw 2.500 US-Dollar für Opus-Tokens ausgegeben hat, die er für Fehlerbehebungen, visuelle Automatisierung und Serververwaltung nutzt – aber er hinterfragt, was ein 'Workflow' eigentlich bedeutet.