Le Stack Trace Decoder : collez n'importe quelle erreur, obtenez la cause racine et le correctif en quelques secondes.

Le Prompt

Je débogue une erreur. Aide-moi à comprendre ce qui s'est mal passé et comment le corriger.

**Message d'erreur :**
[COLLER LE MESSAGE D'ERREUR ICI]

**Stack trace :**
[COLLER LA STACK TRACE COMPLÈTE ICI]

**Code concerné (la fonction/fichier où l'erreur se produit) :**
```
[COLLER LE CODE ICI]
```

**Contexte :**
- Langage/runtime : [ex : Python 3.11, Node.js 22, Go 1.22]
- Ce que j'essayais de faire quand l'erreur est apparue : [une phrase]
- Ce que j'ai déjà essayé : [ou "rien encore"]

Merci de fournir :
1. **Root cause** — explique en langage simple ce qui a vraiment planté et pourquoi
2. **The fix** — montre le code corrigé avec des commentaires inline expliquant le changement
3. **Pourquoi c'est arrivé** — le mécanisme sous-jacent ou l'idée fausse à l'origine du bug, pour que je comprenne au lieu de simplement copier la correction
4. **Prévention** — une phrase sur comment éviter cette classe d'erreur à l'avenir

Comment l'utiliser

Copie le template ci-dessus. Remplis les quatre sections — message d'erreur, stack trace, code et contexte. Plus la stack trace est complète, meilleur sera le diagnostic. Pas besoin d'éditer ou de nettoyer ; colle-la brute.

La section contexte est optionnelle mais vaut le coup d'être remplie. « Ce que j'essayais de faire » aide le modèle à comprendre l'intention. « Ce que j'ai déjà essayé » l'empêche de suggérer des choses que tu as déjà écartées.

Ce que vous obtenez en retour

La structure de réponse en quatre parties est conçue spécifiquement pour éviter les deux modes d'échec les plus courants de l'aide au débogage par IA :

• La correction aveugle — te donner du code corrigé sans expliquer pourquoi l'original était faux. Tu l'appliques, ça marche, mais tu ne comprends pas et tu retombes sur le même motif dans un autre fichier la semaine suivante.
• Le diagnostic vague — « il semble y avoir un problème de référence null ». Rien de précis, aucune correction, aucune piste pour avancer.

Le format structuré force la spécificité : root cause d'abord (ce qui est vraiment cassé), puis le fix avec des commentaires inline (pas juste un dump de code), puis le mécanisme (le pourquoi du pourquoi), et enfin la prévention (une règle que tu peux intérioriser).

Fonctionne dans toutes les langues

Ce prompt est agnostique par rapport au langage. Il fonctionne bien avec :

• Python — excellent pour les tracebacks, erreurs d'import, erreurs de type, problèmes async/await
• JavaScript / TypeScript — gère les erreurs Node.js, les exceptions de console navigateur, les erreurs du compilateur TypeScript
• Go — panics runtime, stack traces de goroutines, échecs d'assertion d'interface
• Java / Kotlin — chaînes de NullPointerException, stack traces JVM, erreurs de contexte Spring
• Rust — messages d'erreur du compilateur (déjà détaillés mais qui bénéficient quand même d'une explication)
• SQL — erreurs de parsing de requêtes, violations de contraintes, traces de deadlock de PostgreSQL/MySQL

Pour les langages compilés où la stack trace est moins informative, colle la sortie complète du compilateur en plus de l'erreur.

Exemple d'entrée et de sortie

Entrée (simplifiée) :

Message d'erreur : TypeError: Cannot read properties of undefined (reading 'map')

Stack trace :
  at ProductList (ProductList.jsx:14:22)
  at renderWithHooks (react-dom.development.js:14985:18)

Code concerné :
function ProductList({ products }) {
  return (
    <ul>
      {products.map(p => <li key={p.id}>{p.name}</li>)}
    </ul>
  );
}

Contexte : React 18, Node 22. J'essayais d'afficher une liste récupérée via une API.

Ce à quoi ressemble une bonne réponse :

• Root cause : products est undefined lors du premier rendu du composant, avant que la réponse API n'arrive. .map() ne peut pas s'exécuter sur undefined.
• Fix : Ajouter une valeur par défaut — function ProductList({ products = [] }) — ou ajouter un garde null avant le map.
• Pourquoi c'est arrivé : React effectue le rendu de manière synchrone avant que les récupérations de données asynchrones ne se résolvent. Le composant s'affiche avec la valeur initiale que le parent lui passe, qui est undefined si le parent n'a pas encore défini un état initial.
• Prévention : Toujours initialiser les props de type liste avec un tableau vide par défaut et gérer les états de chargement/vide explicitement dans le composant.

Conseils pour de meilleurs résultats

• Colle la stack trace complète, pas seulement la première ligne. Les frames inférieurs révèlent souvent l'appel réel qui a déclenché l'erreur.
• Inclus le code immédiatement environnant, pas seulement la ligne en erreur. Quelques lignes de contexte au-dessus et en dessous sont importantes.
• Si l'erreur est intermittente, précise-le — le modèle considérera les race conditions et les problèmes de timing.
• Pour les erreurs TypeScript, inclus les paramètres pertinents de tsconfig.json si l'erreur concerne la strictesse ou la résolution de modules.