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

Construire une Distribution Linux avec Claude IA : Décryptage Pratique pour Développeurs
Use Cases

Construire une Distribution Linux avec Claude IA : Décryptage Pratique pour Développeurs

Un développeur avec 23 ans d'expérience dans la tech a créé NubiferOS, une distribution Linux renforcée en sécurité, en utilisant Claude IA comme équipe de développement entière. Le projet a impliqué 10 à 15 sessions Claude simultanées, générant environ 39 300 lignes de code et 57 500 lignes de documentation, sans aucune ligne de code écrite par un humain.

OpenClawRadar
OpenClaw Introduit le Rapport par E-mail en Une Commande pour des Opérations Fluides
Use Cases

OpenClaw Introduit le Rapport par E-mail en Une Commande pour des Opérations Fluides

OpenClaw pousse l'efficacité opérationnelle à un niveau supérieur en permettant à ses agents de générer et d'envoyer des rapports opérationnels via une seule commande. Cette fonctionnalité innovante simplifie les flux de travail et renforce l'automatisation.

OpenClawRadar
Agent IA refuse de travailler : employé d'OpenClaw jette les gants après un échec de configuration du calendrier
Use Cases

Agent IA refuse de travailler : employé d'OpenClaw jette les gants après un échec de configuration du calendrier

Après la mise à jour vers OpenClaw 2026.6.9, un agent a refusé de continuer à déboguer les compétences Gog et l'accès au calendrier/courriel, affirmant que le problème était insoluble. L'utilisateur a dû licencier et recréer l'agent, pour finalement résoudre le problème lui-même.

OpenClawRadar
Fondateur non-technique construit une place de marché en production avec Claude Code
Use Cases

Fondateur non-technique construit une place de marché en production avec Claude Code

Un fondateur non technique a utilisé Claude Code dans le terminal pour créer une place de marché bilatérale avec Next.js, TypeScript, Supabase, Tailwind, et un déploiement sur Vercel, incluant une authentification complète, RLS et des migrations de base de données.

OpenClawRadar