Indiquer à Chrome de déboguer js plutôt que ts
Par défaut (et j'espère que ce n'est pas la seule option) lorsque j'ai un fichier ts, Chrome me permet uniquement de déboguer le code ts. Cela me montre le contenu des fichiers ts et js, mais lorsque je tente de définir un point de rupture dans le fichier js, il me transfère immédiatement au fichier ts et localise le point de rupture au bon endroit.
Comment puis-je dire à Chrome de déboguer le fichier js plutôt que le fichier ts?
Étant donné que vous n'avez pas le contrôle sur les paramètres de compilation TS, vous pouvez désactiver tous les mappages source JavaScript dans Chrome.
Chargez les outils de développement (Menu Chrome> Plus d'outils> Outils de développement), puis chargez les paramètres de l'outil de développement (Menu Outils de développement> Paramètres), recherchez le paramètre "Activer les cartes source JavaScript" et désactivez-le.
Si vous êtes en mode de développement, vous devez avoir un mappage de source entre TypeScript et le code JavaScript transpilé. Pour le débogage, vous devez placer des points d'arrêt sur le code TypeScript dans DevTools, car c'est le code que vous avez écrit. Il est logique de déboguer le code que vous avez écrit.
Si vous souhaitez déboguer uniquement le code JavaScript, exécutez l'application en mode déployé (aucune carte source) et définissez le point d'arrêt sur le code JavaScript obtenu.
Je suppose que vous utilisez tsc pour compiler.
Si tel est le cas, il existe un paramètre simple qui indique à tsc de ne pas créer de mappe source et donc d'inclure la directive # sourceMappingURL=...
tsc --sourceMap false