Uso del inspector de nodos con tareas de Grunt

Question 1

¿Alguien usó inspector de nodos con Gruñido para la depuración de aplicaciones? Si no, ¿puede recomendar una herramienta de depuración para aplicaciones basadas en Grunt?

estoy trabajando con nodos para una aplicación del lado del servidor y tengo Gruñido usar tareas separadas (esto se debe a que los usuarios pueden ejecutar tareas por separado).

Question 2

Para ejecutar grunt en la depuración, debe pasar el script grunt al nodo explícitamente:

node-debug $(which grunt) task

y poner un debugger; línea en su tarea. node-inspector luego abrirá un navegador con herramientas de depuración.

Editar 28 de febrero de 2014

node-inspector ha añadido el comando node-debugque lanza el nodo en un --debug Estado y abre el navegador a la node-inspector página, deteniéndose cuando llega a la primera debugger línea o establecer un punto de interrupción.

Editar 30 de enero de 2015

En Windows, las cosas son un poco más complicadas. Consulte la respuesta de @e.gluhotorenko para obtener instrucciones.

Question 3

solución de Windows

Correr

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

de cmd en el directorio con su Gruntfile.js. No olvides poner debugger; línea en los lugares necesarios.

Question 4

Para depurar, tenemos que modificar el archivo grunt en bin. En mi máquina, grunt está instalado globalmente, así que fui a /usr/local/lib/node_modules/grunt/bin, abrí el archivo y lo modifiqué:

#!/usr/bin/env node

A

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

–debug-brk se interrumpirá en la primera línea de javascript ejecutado.

Sin embargo, hacer eso solo no es suficiente, ya que no podrá encontrar el archivo js de la tarea grunt en el menú desplegable del inspector de nodos, por lo que debe modificar el archivo que le interesa depurar agregando debugger; donde desea que suceda el punto de interrupción. Ahora puede hacer clic en continuar después del primer descanso, y se interrumpirá en su debugger; línea

Bastante confuso, pero es la única forma que he encontrado hasta ahora.

Question 5

Recientemente creé grunt-node-inspector para configurar fácilmente el inspector de nodos con el resto de su flujo de trabajo grunt, compruébelo: https://github.com/ChrisWren/grunt-nodo-inspector

Aquí hay una sección de un Gruntfile que ilustra cómo puede depurar una tarea grunt usando grunt-node-inspector, grunt-concurrent y grunt-shell: https://github.com/CabinJS/Cabin/blob/master/Gruntfile.js#L44-L77

Question 6

Realicé una tarea para ejecutar mi aplicación e iniciar el inspector de nodos. Es mucho mejor que la propuesta actual, solo tiene que agregar esta tarea en 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');
    });

Question 7

Grandes respuestas aquí. En 2017, ahora puedes hacer

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

Que imprime algo como.

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

Abre esa URL en Chrome, ¡y listo!

Estoy usando Node 7.3.0 y estoy en Mac. Es posible que deba seguir algunos de los consejos en otras publicaciones para que funcione en Windows.

Question 8

actualización 2019

Si desea iniciar la tarea grunt en modo de depuración y romper en la primera línea:

node --inspect-brk $(which grunt) taskName
Si desea iniciar la tarea grunt en modo de depuración en un puerto específico:

node --inspect-brk=8080 $(which grunt) taskName
si desea adjuntar VSCODE al proceso de nodo que ejecuta la sesión de depuración de grunt, use la siguiente configuración en 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
    }
  ]
}

Editar 28 de febrero de 2014

Editar 30 de enero de 2015

solución de Windows

¿Ha sido útil esta solución?