Warum erlaubt mir diese WebStorm-Konfiguration nicht, Breakpoints in meiner Knotenanwendung zu treffen?

Question

Ich versuche, eine Anwendung zu debuggen, die über ein Go-Back-End und ein node.js-Front-End verfügt. Ich betreibe das Backend mit nur einem einfachen bra run, die emittiert:

NFO[12-08|11:57:59] Initializing HTTP Server logger=http.server address=0.0.0.0:3000 protocol=http subUrl= socket=

Ich versuche dann eine Debug-Sitzung in WebStorm mit folgender npm Konfiguration auszuführen:

Dies gibt Folgendes aus, wenn ich die Debugsitzung starte:

/usr/local/bin/node --inspect-brk /usr/local/lib/node_modules/npm/bin/npm-cli.js run watch --scripts-prepend-node-path=auto 

To debug the "watch" script, make sure the $NODE_DEBUG_OPTION string is specified as the first argument for the node command you'd like to debug. 
For example: 
    "scripts": { 
    "start": "node $NODE_DEBUG_OPTION server.js" 
    } 
Debugger listening on ws://127.0.0.1:9229/7c6f9f1b-377e-4a07-b7f8-0155b0d59adb 
For help see https://nodejs.org/en/docs/inspector 
Debugger attached. 

Also ich bin ziemlich neu im Debuggen von Web-Anwendungen im Allgemeinen, aber ich habe erwartet, dass ich jetzt nur meinen Browser zu localhost:3000/my/script.js öffnen und Haltepunkte in WebStorm bekommen konnte. Dies ist jedoch nicht der Fall; Ich kann problemlos in meiner Anwendung navigieren (sogar mit nur dem Befehl bra run und der Debugging-Sitzung, die in WebStorm nicht aktiv ist), aber in WebStorm werden keine Haltepunkte ausgelöst. Ich bin mir auch nicht ganz sicher, was der ws://128.0.0.1:9229 Endpunkt ist, aber ich nehme an, dass es etwas damit zu tun hat, warum ich nichts zur Arbeit bekommen kann.

Ich habe seit Stunden damit zu kämpfen und bin ziemlich stecken auf, wie die Anwendung ausgeführt wird, damit ich WebStorm verwenden kann, um es zu debuggen.

Answer 1

Mit dieser Konfiguration debuggen Sie das Skript watch npm, nicht die Anwendung, die von grafana bereitgestellt wird. Um die Anwendung zu debuggen, sollten Sie eine JavaScript-Debug- Run-Konfiguration erstellen, die localhost:3000 als URL angibt. Siehe https://www.jetbrains.com/help/webstorm/2017.3/debugging-javascript-in-chrome.html, Debuggen einer Anwendung auf einem externen Webserver läuft