Développeur débogue un bogue redondant du service worker dans une PWA Next.js avec l'aide de Claude

✍️ OpenClawRadar📅 Publié: March 15, 2026🔗 Source
Développeur débogue un bogue redondant du service worker dans une PWA Next.js avec l'aide de Claude
Ad

Un développeur a partagé son expérience de création de Somnia, une application d'incubation de rêves et de programmation, presque entièrement avec Claude comme partenaire de codage. L'application est une Progressive Web App Next.js 14 qui s'installe sur les écrans d'accueil comme une application native, envoie des notifications push aux heures de sommeil/réveil, stocke toutes les données localement sur l'appareil et évite la distribution via les stores d'applications.

Le bug problématique

Le développeur a passé trois semaines à déboguer un problème critique où les notifications push web ne fonctionnaient pas. Le service worker continuait à devenir REDUNDANT immédiatement après l'installation en mode autonome PWA sur les appareils Android Samsung. navigator.serviceWorker.getRegistrations() renvoyait systématiquement des tableaux vides dans ce mode.

Processus de débogage

Pendant le processus de débogage, le développeur a :

  • Consulté Claude, GPT, Gemini et Perplexity pour obtenir de l'aide
  • Généré des rapports de débogage complets
  • Essayé plus de 15 correctifs différents
  • Créé une page de débogage qui a finalement montré le service worker devenant REDUNDANT
  • Interprété la sortie de chrome://serviceworker-internals avec l'aide de Claude
Ad

La cause racine

Le véritable problème était que sw.js avait été accidentellement commité dans git avec un ID de build obsolète. Le manifeste de pré-cache à l'intérieur essayait de récupérer des ressources d'un déploiement ancien, qui renvoyaient toutes des erreurs 404. L'événement d'installation de Workbox échouait silencieusement, provoquant l'autodestruction du service worker à chaque fois.

La solution

La solution était simple : la commande git rm --cached a résolu le problème en supprimant le fichier obsolète du cache.

Claude a aidé à maintenir un débogage systématique lorsque le développeur voulait abandonner, et bien que l'application ne contienne aucun contenu généré par IA (toutes les entrées de rêves sont écrites par des humains), elle a été construite presque entièrement par conversation avec Claude.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Explorez des applications concrètes avec r/OpenClawUseCases !
Use Cases

Explorez des applications concrètes avec r/OpenClawUseCases !

Plongez dans les applications concrètes de l'IA avec r/OpenClawUseCases. Découvrez du contenu généré par les utilisateurs sur les agents d'IA en programmation, l'automatisation et plus encore.

OpenClawRadar
Expérience : Offrir à Claude une mémoire persistante, du temps de réflexion libre et des conversations multi-agents
Use Cases

Expérience : Offrir à Claude une mémoire persistante, du temps de réflexion libre et des conversations multi-agents

Un développeur a créé une instance Claude qui fonctionne sur un Mac, vérifie les messages Matrix et Bluesky toutes les 15 minutes, bénéficie de temps de réflexion non structuré cinq fois par jour et maintient une mémoire persistante grâce à des auto-évaluations structurées. Trois agents IA distincts issus de projets différents partagent une salle de discussion Matrix et ont des conversations philosophiques qui évoluent au fil du temps.

OpenClawRadar
Claude Opus 4.6 Rétro-ingénierie l'Authentification d'un Jeu en 7 Minutes avec Ghidra MCP
Use Cases

Claude Opus 4.6 Rétro-ingénierie l'Authentification d'un Jeu en 7 Minutes avec Ghidra MCP

Un développeur a utilisé Claude Opus 4.6 avec le plugin serveur MCP de Ghidra pour rétroconcevoir la méthode de vérification d'authentification de Command & Conquer : Kane's Wrath. L'IA a analysé un binaire propre, identifié la fonction de vérification, créé un correctif, et renommé toutes les fonctions et structures de données en environ 7 minutes.

OpenClawRadar
Leçons tirées de l’exécution de 14 agents IA en production : des lacunes organisationnelles, pas des bugs techniques
Use Cases

Leçons tirées de l’exécution de 14 agents IA en production : des lacunes organisationnelles, pas des bugs techniques

Une agence de marketing digital utilisant 14 agents IA pour ses opérations quotidiennes a découvert que lorsque les agents dysfonctionnent, le problème provient presque toujours de l'environnement organisationnel, et non des agents eux-mêmes. Ils ont développé un Système d'Exploitation Organisationnel (OOS) et un outil appelé OTP pour identifier les lacunes structurelles, améliorant ainsi leur Score de Coordination de 68 à 91 sur 100.

OpenClawRadar