無法使用 Chrome DevTools 調試 node.js

Question

當我運行node --inspect app.js它會顯示“附加調試器”。 然后我打開 chrome://inspect，我看到我的應用程序在那里運行，所以我點擊打開專用 DevTools 或 Inspect（在應用程序名稱旁邊）。 不管我如何打開 Node DevTools，它似乎都沒有連接到任何東西（我看不到那里的源代碼，調試器語句被忽略，沒有任何日志記錄到控制台等）。 我還嘗試通過打開常規 DevTools 並單擊綠色節點圖標來打開它。

這很奇怪，因為 Chrome 清楚地看到服務器正在運行並且某些東西顯然正在連接到 Node（我認為我的網絡上沒有其他任何東西可以做到這一點）但我仍然無法讓 DevTools 甚至承認服務器的存在。

我還清楚地記得幾周前以完全相同的方式調試某些東西，然后一切正常（雖然我記得我也為此有點掙扎，但最終我以某種方式讓它工作，我想附上文件的名稱在命令的末尾而不是將它放在中間完成了最后的技巧）。 從那以后唯一發生的事情是我從 v8 更新到 v10 (LTS)

我顯然已經嘗試過重新啟動並閱讀有關節點的所有手冊和文章 --inspect 那里，沒有任何幫助。

Answer 1

我遇到了同樣的問題，我已經解決了

1) 將 chrome 更新到最新版本並重新啟動它

2) 重啟節點 --inspect server.js

3) 注明端口號，如此處所示端口號

4) 打開 chrome://inspect 並添加 localhost: 步驟 3 中記錄的端口號更新 chrome 中的連接

Answer 2

似乎是一個新的 chrome 問題： https : //github.com/nodejs/node/issues/26887

Answer 3

使用命令而不是節點 --inspect:-

節點 --inspect-brk

Answer 4

鉻版本：92

對我來說，問題是 Chrome DevTools 沒有尋找我的 Node.js 進程正在使用的連接端口。

我做了以下事情：

1. 使用--inspect標志啟動節點進程。 它在端口9239上啟動了進程。
2. 在 Chrome 地址欄中輸入chrome://inspect/#devices 。
3. 單擊設備頁面中的“為節點打開專用 DevTools”。
4. 它會打開“DevTools-Node.js”窗口。
5. 單擊“連接”選項卡。
6. 單擊“添加連接”按鈕。
7. 在文本框中鍵入localhost:9239 ，然后單擊“添加”。

添加正確的端口后，DevTools 連接到 Node.js 進程，我能夠調試它。