Verwenden des Node-Inspector mit Grunt-Aufgaben

Hat jemand Node-Inspector mit Grunt zum Debuggen von Anwendungen verwendet? Wenn nicht, können Sie ein Debugging-Tool für Grunt-basierte Apps empfehlen?

Ich arbeite mit nodejs für eine serverseitige App und habe Grunt , um getrennte Aufgaben zu verwenden (dies liegt daran, dass Benutzer Aufgaben separat ausführen können).

Um grunt im Debug auszuführen, müssen Sie das grunt-Skript explizit an den Knoten übergeben:

node-debug $(which grunt) task

und setzen Sie eine debugger;Zeile in Ihre Aufgabe. node-inspectoröffnet dann einen Browser mit Debugging-Tools.

Bearbeiten 28 Feb 2014

node-inspectorhat den Befehl hinzugefügt node-debug, der den Knoten in einem --debugZustand startet und den Browser für die node-inspectorSeite öffnet. Er stoppt, wenn er die erste debuggerZeile erreicht oder einen Haltepunkt setzt.

Bearbeiten Sie den 30. Januar 2015

Unter Windows sind die Dinge etwas komplizierter. Anweisungen finden Sie in der Antwort von @ e.gluhotorenko.

Windows-Lösung

Lauf

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

von cmd im Verzeichnis mit Ihrem Gruntfile.js. Vergessen Sie nicht, die debugger;Linie an den erforderlichen Stellen anzubringen.

Zum Debuggen müssen wir die Grunzdatei unter bin ändern. Auf meinem Computer ist grunt global installiert, also ging ich zu / usr / local / lib / node_modules / grunt / bin. Ich öffnete die Datei und änderte:

#!/usr/bin/env node

Zu

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

--debug-brk wird in der ersten Zeile von Javascript ausgeführt.

Dies allein reicht jedoch nicht aus, da Sie Ihre jun-Datei für die Grunzaufgabe in der Dropdown-Liste im Knoteninspektor nicht finden können. Sie müssen daher die Datei, die Sie debuggen möchten, ändern, indem Sie debugger;wo hinzufügen Sie möchten, dass der Haltepunkt eintritt. Jetzt können Sie nach der ersten Pause auf Weiter klicken und auf Ihrer debugger;Linie brechen

Ziemlich klobig, aber es ist der einzige Weg, den ich bisher gefunden habe.

Ich habe kürzlich grunt-node-inspector erstellt, um Node-inspector einfach mit dem Rest Ihres Grunt-Workflows zu konfigurieren. Schauen Sie sich das an: https://github.com/ChrisWren/grunt-node-inspector

Hier ist ein Abschnitt einer Grunt-Datei, der zeigt, wie Sie eine Grunt-Aufgabe mit Grunt-Node-Inspector, Grunt-Concurrent und Grunt-Shell debuggen können: https://github.com/CabinJS/Cabin/blob/master/Gruntfile. js # L44-L77

Ich habe eine Aufgabe ausgeführt, um meine App auszuführen und den Knoteninspektor zu starten. Es ist weitaus besser als der aktuelle Vorschlag. Sie müssen diese Aufgabe nur in gruntfile hinzufügen:

  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');
    });

Tolle Antworten hier. Im Jahr 2017 können Sie jetzt tun

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

Welches druckt so etwas.

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

Öffnen Sie diese URL in Chrome und los geht's!

Ich benutze Node 7.3.0 und bin auf einem Mac. Möglicherweise müssen Sie einige der Ratschläge in anderen Beiträgen befolgen, um es unter Windows zum Laufen zu bringen.

Update 2019

• Wenn Sie die Grunzaufgabe im Debug-Modus starten und in der ersten Zeile brechen möchten:

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

• Wenn Sie die Grunzaufgabe im Debug-Modus an einem bestimmten Port starten möchten:

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

• Wenn Sie VSCODE an den Knotenprozess anhängen möchten, auf dem die Debugging-Sitzung von grunt ausgeführt wird, verwenden Sie die folgende Konfiguration 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
    }
  ]
}