69

node-inspector を使用して nodejs アプリをデバッグしようとしています。しかし、Google Chrome にはコードが表示されません。

私は以下を使用しています、

Node.js: v0.10.26

エクスプレス: 4.0.0

ノード インスペクタ : v0.7.3

Google Chrome バージョン: 34.0.1847.131

これは、デバッガーを開始するために私が行っていることです..

$ node-inspector
Node Inspector v0.7.3
Visit http://127.0.0.1:8080/debug?port=5858 to start debugging.

別のコンソールで、

$ node --debug app.js 
debugger listening on port 5858
$

次に、Google Chrome を起動し、

http://127.0.0.1:8080/debug?port=5858

node-inspector を開きますが、コードはありません。すべてのウィンドウが空です。

「Express server listens on port 3000」が表示されないことに気付きました

ノードインスペクターがノードに接続できませんが、うまくいきません

私が欠けているものを解決できませんでした。何か提案をいただければ幸いです。Google Chrome で Node.js アプリをデバッグできます。

4

6 に答える 6

122

node --debug-brk app.jsの代わりに実行してみてください--debug。ノード インスペクターがノード プロセスにフックする前に、アプリケーションが一時停止していない可能性があります。を使用--debug-brkすると、アプリの最初の行でノードが強制的に中断され、デバッガーがプロセスにアタッチされるのを待ちます。node-inspector Web インターフェイスをロードすると、node-inspector がノード プロセスにアタッチされます。そのため、クエリ文字列にノード デバッグ ポートを含めます (localhost:8080/debug?port=5858)。node-inspector に、どのポートに到達して接続する必要があるかを伝えています。

これは、node-inspector の完全なインストールと実行を示す、私がまとめたアニメーション GIF です。

gif では、--debug起動時にすぐに実行されるコードをデバッグしていないため、フラグを使用しています。ページが要求されたときにのみ起動する要求ハンドラー内でデバッグしています。したがって、ページを更新すると、node-inspector がその行で壊れます。

少し前に 15 分間の YouTube チュートリアルもまとめました。

http://youtu.be/03qGA-GJXjI

それが役立つことを願っています！

于 2014-04-28T16:04:11.270 に答える
22

node-inspector はデフォルトで、デバッグ ウィンドウを開始する前にすべてのコードをプリロードしようとします。インスタンスがありましたが、このプリロードが原因で node-inspector が永久にハングします。幸いなことに、新しいバージョンにはプリロードを停止するオプションがあり、それによってインスペクターのロードが高速化されます。

試すnode-inspector --no-preload

于 2015-04-15T22:53:51.620 に答える
6

標準のリモート デバッグは、ノード 6.5 で完全に壊れています。ただし、新しい内部ノード機能に置き換えられました

$ node --inspect --debug-brk build/server/server.js
Debugger listening on port 9229.
Warning: This is an experimental feature and could change at any time.
To start debugging, open the following URL in Chrome:
    chrome-devtools://devtools/remote/serve_file/@62cd277117e6f8ec53e31b1be58290a6f7ab42ef/inspector.html?experiments=true&v8only=true&ws=localhost:9229/node
Debugger attached.

ここを参照 - http://arveknudsen.com/?p=346%3Fpage_id%3D346&print=pdf - 詳細については

于 2016-09-15T14:33:02.293 に答える
0

ここに画像の説明を入力

Node Inspector の左側の [Sources] タブに、[三角形のボックス] があります。強調表示されているのは、[Show Navigator] です。（上の写真でそれを見てください）。それを開いてデバッグしたいファイルを見つけ、まだ実行していないコードにブレークポイントを置きます。

--debug-brkまた、開始ノードで実行されるコードをデバッグする場合は、開始時にオプションを使用する必要があることに注意してください。次に、Node Inspector で、アプリを開始する (F8すべてを実行する) 必要があります。Web ブラウザーの起動など、すべての初期化コードをデバッグする場合は、このオプションが必要になります。

于 2014-04-28T16:02:02.170 に答える