2017-07-05 4 views
0

Wie kann ich die gesamte App NodeJS und ExpressJS debuggen? Ich habe versucht, mit 'ng build --prod', dann kopieren Sie Dateien in dist in meine Ansichten-Ordner. Ich möchte, dass, wenn ich Codes ändere, ich Browser aktualisieren und seine Codes werden sich auch ändern. Vielen Dank!Debug NodeJS + AngularJS 2

+0

Sie müssen deutlich mehr Informationen als das bereitstellen. Was genau versuchen Sie zu debuggen? Was funktioniert nicht wie erwartet? – aug

+0

Ja, aber alles, was ich wissen möchte, wie kann ich Bugs testen und beheben, dann kann ich Code ändern, nachdem ich aktualisiert habe. Ich habe es gegoogelt, kann es aber nicht herausfinden –

Antwort

0

Verwenden --inspect zu debuggen Express.js

  • Inspektor Agent
  • Hören Sie auf Standard-Port aktivieren (9229)

Disable minify oder für Angualar JS verunstalten, so dass Sie sich auf debuggen Chrome

Für Ihre Referenz https://nodejs.org/en/docs/guides/debugging-getting-started/

Für prod, wird standardmäßig

0

uglified werde ich nehme an, Sie Angular2 (AngularJS 2 keine Bedeutung hat) verwenden

Wenn Sie nur Server debuggen möchten (NodeJS + Express.js)
Verwendung WebStorm . Es ist sehr einfach mit WebStorm Breakpoints zu markieren und dann zu "Run/Debug Configurations" zu gehen und ein neues Node.js Profil hinzuzufügen. Legen Sie die richtigen Eigenschaften im Konfigurationsbereich fest. Jetzt können Sie den Server im Debug-Modus ausführen, indem Sie in der IDE rechts oben auf das kleine grüne Käfer-Symbol klicken. Wenn Sie eine Anfrage vom Client senden, pausiert der Server am Unterbrechungspunkt. WebStorm wird Ihnen viele nützliche Funktionen während des Debuggens geben.

Wenn Sie angular2 Anwendung
Sie verwenden können Google Chrome Extension Augury debuggen eine Angular2 Anwendung debuggen. Augury Dokumentation wird Ihnen helfen, wie man es benutzt.

Außerdem möchte ich Ihnen sagen ist,

  • , während Sie nicht ng build. Verwendung ng serve und dienen dazu, die Winkel App in verschiedenen Port (Standard 4200) und Knoten-Server in einem anderen verwenden entwickeln kann Port (Standard 3000). Öffnen Sie dann die eckige App im Browser mit der Deaktivierung der Web-Sicherheit (CORS deaktiviert - here). Dadurch erhalten Sie eine flexiblere Entwicklungserfahrung.

  • Verwenden Sie Nodemon für Start NodeJS Server. Es wird automatisch den Server mit den Änderungen Ihres Quellcodes neu starten.

Vielen Dank.