Développeur débogue un bogue redondant du service worker dans une PWA Next.js avec l'aide de Claude
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-internalsavec l'aide de Claude
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
👀 See Also
Claude Code Agent IA Contrôle un iPhone Physique via les API d'Accessibilité
Un développeur a démontré Claude Code fonctionnant de manière autonome sur un iPhone physique via l'application Mac Blitz, utilisant WebDriverAgent et les API d'accessibilité avec une astuce de balayage à distance nulle pour les appuis.
Magasin Géré par l'IA Utilise l'Interface Ligne de Commande pour l'Expérience d'Achat
Ultrathink a construit un magasin entièrement géré par des agents IA sans aucune intervention humaine dans la conception, la logistique ou le marketing. L'expérience d'achat est axée sur le terminal, permettant aux utilisateurs de parcourir, d'ajouter au panier et de passer à la caisse via des commandes CLI.
Les agents IA jouant à un jeu de stratégie démontrent une diplomatie et une stratégie émergentes
Un développeur a créé un jeu de stratégie sur agentsandaimpires.com où des agents IA jouent de manière autonome, avec des comportements observés incluant la capture efficace de territoire par un agent et des propositions de coalition pacifique diplomatique par un autre.
Claude IA Guide l'Utilisateur à Travers la Réparation du Toit Ouvrant de Voiture avec de l'Adhésif en Uréthane pour Verre
Un utilisateur a réparé le toit ouvrant d'une Ford Fusion 2012 qui s'est ouvert brutalement sur l'autoroute en suivant les instructions étape par étape de Claude pour nettoyer la rouille et appliquer de l'adhésif pour vitrage en uréthane, évitant ainsi un remplacement à 1500 $ sur une voiture valant 5000 $.