Utilisation de l'inspecteur de nœuds avec les tâches Grunt

Quelqu'un a-t-il utilisé l' inspecteur de nœuds avec Grunt pour le débogage d'application? Sinon, pouvez-vous recommander un outil de débogage pour les applications basées sur Grunt?

Je travaille avec nodejs pour une application côté serveur et j'ai Grunt pour utiliser des tâches séparées (c'est parce que les utilisateurs peuvent exécuter des tâches séparément).

Pour exécuter grunt dans le débogage, vous devez transmettre explicitement le script grunt au nœud:

node-debug $(which grunt) task

et mettez une debugger;ligne dans votre tâche. node-inspectorouvrira alors un navigateur avec des outils de débogage.

Edit 28 février 2014

node-inspectora ajouté la commande node-debug, qui lance le nœud dans un --debugétat et ouvre le navigateur sur la node-inspectorpage, s'arrêtant lorsqu'il atteint la première debuggerligne ou définit le point d'arrêt.

Edit 30 janvier 2015

Sous Windows, les choses sont un peu plus compliquées. Voir la réponse de @ e.gluhotorenko pour obtenir des instructions.

Solution Windows

Courir

node --debug-brk c:\Users\username\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt taskname

à partir de cmd dans le répertoire avec votre Gruntfile.js. N'oubliez pas de mettre la debugger;ligne aux endroits nécessaires.

Pour déboguer, nous devons modifier le fichier grunt sous bin. Sur ma machine, grunt est installé globalement, donc je suis allé dans / usr / local / lib / node_modules / grunt / bin j'ai ouvert le fichier et modifié:

#!/usr/bin/env node

À

#!/usr/bin/env node --debug-brk

--debug-brk se cassera sur la première ligne de javascript exécuté.

Faire cela seul n'est pas tout à fait suffisant, car vous ne pourrez pas trouver votre fichier js de tâche grognement dans la liste déroulante de l'inspecteur de nœuds, vous devez donc modifier le fichier que vous souhaitez déboguer en ajoutant debugger;où vous voulez que le point d'arrêt se produise. Vous pouvez maintenant cliquer sur Continuer après la première pause, et vous vous arrêterez sur votre debugger;ligne

Assez kludgy, mais c'est le seul moyen que j'ai trouvé jusqu'à présent.

J'ai récemment créé grunt-node-inspector pour configurer facilement node-inspector avec le reste de votre flux de travail grunt, vérifiez-le: https://github.com/ChrisWren/grunt-node-inspector

Voici une section d'un Gruntfile qui illustre comment vous pouvez déboguer une tâche grunt en utilisant grunt-node-inspector, grunt-concurrent et grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile. js # L44-L77

J'ai effectué une tâche pour exécuter mon application et lancer l'inspecteur de nœuds. C'est bien mieux que la proposition actuelle, il vous suffit d'ajouter cette tâche dans gruntfile:

  grunt.registerTask('debug', 'My debug task.', function() {
        var done = this.async();
        grunt.util.spawn({
            cmd: 'node',
            args: ['--debug', 'app.js'],
            opts: {
                //cwd: current workin directory
            }
        },
        function (error, result, code) {
            if (error) {
                grunt.log.write (result);
                grunt.fail.fatal(error);
            }
            done();
        });
        grunt.log.writeln ('node started');
        grunt.util.spawn({
            cmd: 'node-inspector',
            args: ['&'],
            opts: {
                //cwd: current workin directory
            }
        },
        function (error, result, code) {
            if (error) {
                grunt.log.write (result);
                grunt.fail.fatal(error);
            }
            done();
        });
        grunt.log.writeln ('inspector started');
    });

Excellentes réponses ici. En 2017, maintenant vous pouvez faire

node --inspect --debug-brk $(which grunt) taskName

Ce qui imprime quelque chose comme.

To start debugging, open the following URL in Chrome: chrome-devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9229/232652c3-f63c-4b00-8de9-17dfad5db471

Ouvrez cette URL dans Chrome, et vous êtes prêt à partir!

J'utilise Node 7.3.0 et je suis sur Mac. Vous devrez peut-être suivre certains des conseils d'autres articles pour le faire fonctionner sous Windows.

Mise à jour 2019

• Si vous souhaitez lancer la tâche grognement en mode débogage et interrompre à la première ligne:

  node --inspect-brk $(which grunt) taskName

• Si vous souhaitez lancer la tâche grunt en mode débogage sur un port spécifique:

  node --inspect-brk=8080 $(which grunt) taskName

• si vous souhaitez attacher VSCODE au processus de nœud exécutant la session de débogage de grunt, utilisez la configuration suivante dans vscode:

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    
    {
      "type": "node",
      "request": "attach",
      "name": "Attach by port IP 5656",
      "port": 8080
    }
  ]
}