Utilizzo di node-inspector con attività Grunt

Qualcuno ha usato node-inspector con Grunt per il debug dell'applicazione? In caso contrario, puoi consigliare uno strumento di debug per le app basate su Grunt?

Sto lavorando con nodejs per un'app lato server e ho Grunt per utilizzare attività separate (questo perché gli utenti possono eseguire attività separatamente).

Per eseguire grunt in debug, è necessario passare lo script grunt al nodo in modo esplicito:

node-debug $(which grunt) task

e metti una debugger;linea nel tuo compito. node-inspectoraprirà quindi un browser con strumenti di debug.

Modifica 28 febbraio 2014

node-inspectorha aggiunto il comando node-debug, che avvia il nodo in uno --debugstato e apre il browser al filenode-inspector pagina, fermandosi quando raggiunge la prima debuggerriga o imposta il punto di interruzione.

Modifica 30 gennaio 2015

Su Windows, le cose sono un po 'più complicate. Vedere la risposta da @ e.gluhotorenko per le istruzioni.

Soluzione Windows

Correre

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

da cmd nella directory con il tuo Gruntfile.js. Non dimenticare di mettere la debugger;linea nei posti necessari.

Per eseguire il debug, dobbiamo modificare il file grunt sotto bin. Sulla mia macchina, grunt è installato globalmente, quindi sono andato a / usr / local / lib / node_modules / grunt / bin ho aperto il file e ho modificato:

#!/usr/bin/env node

Per

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

--debug-brk si interromperà sulla prima riga di javascript eseguito.

Farlo da solo non è abbastanza, però, dal momento che non sarai in grado di trovare il tuo file js dell'attività grugnita nel menu a discesa in node inspector, quindi devi modificare il file che ti interessa eseguire il debug aggiungendo debugger;dove vuoi che il punto di interruzione accada. Ora puoi fare clic su Continua dopo la prima interruzione e interrompi la debugger;linea

Piuttosto kludgy, ma è l'unico modo che ho trovato finora.

Recentemente ho creato grunt-node-inspector per configurare facilmente node-inspector con il resto del tuo flusso di lavoro grugnito, dai un'occhiata: https://github.com/ChrisWren/grunt-node-inspector

Ecco una sezione di un Gruntfile che illustra come eseguire il debug di un'attività grunt utilizzando grunt-node-inspector, grunt-concurrent e grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile. js # L44-L77

Ho eseguito un'attività per eseguire la mia app e avviare node-inspector. È molto meglio della proposta attuale, devi solo aggiungere questa attività in 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');
    });

Ottime risposte qui. Nel 2017, ora puoi farlo

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

Che stampa qualcosa di simile.

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

Apri quell'URL in Chrome e sei a posto!

Sto usando il nodo 7.3.0 e sono su Mac. Potrebbe essere necessario seguire alcuni dei consigli in altri post per farlo funzionare su Windows.

Aggiornamento 2019

• Se vuoi avviare l'attività grunt in modalità debug e interromperla alla prima riga:

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

• Se vuoi avviare l'attività grugnito in modalità debug su una porta specifica:

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

• se si desidera allegare VSCODE al processo del nodo che esegue la sessione di debug di grunt, utilizzare la seguente configurazione in 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
    }
  ]
}