Debug NodeJS + AngularJS 2

Question

App NodeJSとExpressJS全体をどのようにデバッグできますか？ 私は 'ng build --prod'を使い、distのファイルを私のviewsフォルダにコピーしようとしました。 私はコードを変更するたびにブラウザをリフレッシュし、そのコードも変更されることを望みます。ありがとうございました！

Answer 1

使用すると、デバッグExpressJSに--inspect

• あなたがデバッグできるよう
• は、デフォルトのポートでリッスン（9229）

無効に縮小化やAngualar JSためuglifyインスペクタのエージェントに有効Chrome

参照のため https://nodejs.org/en/docs/guides/debugging-getting-started/

あなたが唯一のサーバーをデバッグしたい場合はPRODの場合、デフォルトでは

Answer 2

をuglifiedれます、私はあなたがAngular2（AngularJS 2は意味を持たないに）

を使用していると仮定（NodeJS + ExpressJS）
使用WebStorm 。 WebStormはブレークポイントをマークし、「Run/Debug Configurations」に行き、新しいNode.jsプロファイルを追加するのはとても簡単です。構成領域に適切なプロパティーを設定します。 IDEの右上隅にある小さな緑色のバグアイコンをクリックすると、デバッグモードでサーバーを実行できます。クライアントから要求を送信すると、サーバーはブレークポイントで一時停止します。 WebStormは、デバッグ中に役立つ機能をたくさん提供します。

あなたはangular2アプリケーション
をデバッグしたい場合は、Angular2アプリケーションをデバッグするためにGoogle Chromeの拡張Auguryを使用することができます。 Auguryドキュメンテーションは、それを使用する方法に役立ちます。

また、私はあなたに伝えたいされ、

• あなたはng build.使用ng serveを使用し、別に角度別のポートでのアプリ（デフォルト4200）およびノー​​ドサーバにサービスを提供していない開発中ポート（デフォルトは3000）。その後、ウェブセキュリティを無効にしてブラウザで角度アプリを開きます（CORSは無効 - here）。これにより、より柔軟な開発経験が得られます。

• start nodeJSサーバーにはNodemonを使用してください。ソースコードが変更された場合、自動的にサーバーが再起動します。

ありがとうございます。