web-dev-qa-db-fra.com

Chrome DevTools ne me permet pas de définir des points d'arrêt sur certaines lignes

enter image description here

Dans l'image ci-dessus, j'ai essayé de définir des points d'arrêt sur chaque ligne de la ligne 437 à la ligne 443. Cependant, je ne peux pas définir de points d'arrêt sur les lignes 439 et 440. Lorsque la fonction s'exécute, les points d'arrêt sur les lignes 437, 438, 441 et 442 sont ignorés . Chrome casse sur la ligne 443. Cela signifie que je ne peux pas faire de débogage avant les premières exécutions conditionnelles.

Lorsque je clique sur les lignes 439 ou 440, le point d'arrêt apparaît pendant une demi-seconde et passe à la ligne 443.

Est-ce un bug ou est-ce que je manque quelque chose? Comment définir un point d'arrêt à la ligne 439 ou avant?

43
Leo Jiang

Si vous utilisez js minification et sourcemaps, assurez-vous qu'ils sont à jour avec votre code source.

11
Danila Shutov

Cela est récemment devenu un problème pour moi, exécutant System.js et Babel, et avec le transpilage ES6, je n'ai pas encore commencé à minifier/mapper. Une solution de contournement semble être d'ajouter votre point d'arrêt au fichier! Transpiled, un point d'arrêt correspondant apparaîtra automatiquement dans la ligne correspondante du fichier brut.

2
Shukri Adams

J'ai le même problème dans chrome extraits du panneau source de l'outil dev lorsque j'écris des codes pour tester mon idée.

La seule façon pour moi de travailler est de fermer le panneau d'outils de développement et d'actualiser la page, puis de la rouvrir

Ce problème est survenu après avoir modifié des codes en mode débogage

2
toffee