Points d'arrêt Javascript dans Visual Studio 2017

Question

Je viens d'installer Visual Studio 2017. Après avoir démarré une application ASP.NET MVC, je reçois le message indiquant que le débogage de chrome est activé dans Visual Studio.

Mais mes points d'arrêt dans Visual Studio ne sont pas atteints. Les points d'arrêt du code Razor semblent fonctionner, mais pas ceux de Javascript. Les points d'arrêt ne sont pas entièrement rouges comme ils devraient l'être. Un redémarrage, une reconstruction ne semblent pas avoir d'effet.

J'ai l'exemple de code suivant

@Html.Partial("_Test", Model.Test) // debugging works here

<script>
    var i = 1;
    console.log(i); // debugging does not work here or above
</script>

@section scripts {
    <script>
        var a = 11;
        console.log(a); // debugging does not work here or above
    </script>
}

Je n'ai pas la console de débogage de chrome ouverte et j'ai coché l'option dans Visual Studio ('Enable Javascript debugging..') qui est activée.

D'après cet article de blog, je pensais que cela devait fonctionner : https://blogs.msdn.microsoft.com/webdev/2016/11/21/client-side-debugging-of-asp-net-projects-in-google-chrome/

Est-ce que je rate quelque chose ? Se pourrait-il que cela ne fonctionne pas dans Visual Studio 2017 ?

Je n'ai qu'une seule extension et c'est Resharper, mais je suppose que ce n'est pas un problème.

Answer 1

Cette fonctionnalité ne fonctionne pas pour le code javascript à l'intérieur d'un fichier *.cshtml, mais uniquement pour le code dans des fichiers *.js (ou *.ts) séparés.

Remarquez que le point d'arrêt dans le fichier JavaScript est actif, alors que le point d'arrêt dans la vue Razor ne l'est pas.

J'ai également remarqué que les points d'arrêt ne sont pas atteints pour les fichiers JavaScript lorsque le code JavaScript est exécuté pendant le chargement de la page, lorsque la page est chargée pour la première fois dans la session Chrome actuelle. Les points d'arrêt ne fonctionnent qu'une fois le chargement du document terminé.

Answer 2

Autre astuce : le débogage de js ne peut être activé qu'après avoir défini 'start URL' dans run/debug.

Ce n'est que de cette manière que VS s'attachera au processus de navigation.

Answer 3

J'ai eu le même problème. J'ai suivi les instructions du même article : https://blogs.msdn.microsoft.com/webdev/2016/11/21/client-side-debugging-of-asp-net-projects-in-google-chrome/

J'ai fait ce qui suit dans Visual Studio : Allez dans Tools -> Options -> Debugging -> General et désactivez le paramètre "Activer le débogage JavaScript pour ASP.NET (Chrome et IE)". Enregistrez les modifications, puis exécutez la page Web.

Après cela, j'ai remarqué que Chrome n'affichait pas la "Debug webpage" avant de charger ma page. J'ai alors fermé ma page Web et arrêté la session de débogage.

J'ai réactivé l'option "Enable Javascript Debugging for ASP.NET (Chrome and IE)", puis j'ai exécuté la page web en utilisant IE, et cela a fonctionné. La page s'est arrêtée et le point d'arrêt s'est affiché dans mon studio visuel.

Answer 4

J'ai eu le même problème, nouveau sur .net core, une solution qui a fonctionné pour moi était d'ajouter debugger ; en haut du script :

<script>
  debugger;

  -- rest of your jscript here
</script>

Answer 5

Cela fonctionne dans vs 2017 seulement avec l'activation de l'option "Enable Javascript Debugging for ASP.NET (Chrome and IE)" et en paramétrant le débogueur ; dans le code js dans *.cshtml ainsi que dans le fichier *.js.