web-dev-qa-db-fra.com

Débogage JavaScript dans Visual Studio 2017 Chrome - Ne pas atteindre le point d'arrêt

J'ai installé VS2017 et j'essaye les nouvelles choses qu'ils ont ajoutées. Une des choses intéressantes est le débogage JS chromé mais je n'arrive pas à atteindre un point de rupture.

J'ai créé un nouveau site Web .net core (.net core 1.1) et ajouté la fonction suivante dans le fichier site.js

function test() {
var a = "message";

console.log(a); };

J'ajoute ensuite un point d'arrêt sur la ligne "var = a ..."

lancez le site Web - il ouvre une nouvelle fenêtre chromée et s’attache au processus comme il se doit. J'appuie ensuite sur F12 et appelle test (), mais aucun point d'arrêt n'est atteint, il se contente de sortir vers la console. 

Le message suivant figure également dans la fenêtre de la console: 

Lien de navigateur: Impossible d'appeler le rappel de la valeur renvoyée: TypeError: Impossible de lire la propriété 'fichiers' de null

cependant, je reçois également ce message lorsque je l'essaie dans IE11 et qu'il atteint le point d'arrêt dans IE

J'ai mis à jour mon chrome à la dernière version - 57.0.2987.98 J'utilise Windows 10 pro (entièrement à jour)

 site.js code

 Chrome Console Output

Des idées ce que cela pourrait être?

Mettre à jour

J'ai essayé sur les ordinateurs suivants -

  1. Mon PC domestique (Windows 10 Pro) - contient VS2015 et VS2017
  2. PC de travail (Windows 8.1 Pro) - contient également les versions VS2015 et VS2017
  3. Avec dans mon travail PC - (nouvelle version) HyperV VM (Windows 8.1 Pro) - VS 2017 à ce sujet

Tous les 3 n'ont pas réussi à atteindre le point de rupture

Quel est étrange est quelqu'un d'autre au travail est capable de le faire fonctionner sans problème.

javascriptgoogle-chromedebuggingvisual-studio-2017
6
Thomas James

Dès que vous appuyez sur F12 en chrome, ce qui ouvre les outils de développement de Chrome, il supprime la session de débogage côté client.

Voir: https://blogs.msdn.Microsoft.com/webdev/2016/11/21/client-side-debugging-of-asp-net-projects-in-google-chrome/

Peut-être essayer d'exécuter automatiquement ... par exemple ... (non testé)

(function test() {
   ...
})();
5
Mark van Proctor

Avant la version 63 de chrome, cela ne permettait pas plusieurs sessions de débogage à distance. Ouvrir les outils de débogage de chrome prend en charge la seule connexion disponible et met fin à celle détenue par VS.

Cependant, cela a maintenant été corrigé par l'équipe de chromimum!

Malheureusement, il y a toujours un problème avec la session de débogage de Visual Studio qui se termine lorsque F12 est touché.

Il y a une solution de contournement et j'espère que l'équipe de SV corrigera le problème sous-jacent. Voir Mon message sur MSDN pour plus de détails

0
OrdinaryOrange