Node js 調試在 Visual Studio 代碼中不起作用（2020 年）

Question

我已經解決了類似的問題，但沒有一個答案有幫助，可能是因為最新的 VS Code 中的配置發生了變化，或者它們不相關。

嘗試啟動時出現此錯誤：

Exception has occurred: ReferenceError
ReferenceError: closeDescriptionPopup is not defined
    at HTMLParagraphElement.eval (eval at E (chrome-error://chromewebdata/:14:208), <anonymous>:3:21)
    at w (chrome-error://chromewebdata/:4622:845)
    at L.b (chrome-error://chromewebdata/:4628:231)
    at L.e (chrome-error://chromewebdata/:4627:393)
    at window.jstProcess (chrome-error://chromewebdata/:4630:800)
    at chrome-error://chromewebdata/:4632:56

我的launch.json看起來像這樣。 請注意，由於各種試驗和錯誤，這已經變成了這樣：

   {
    "configurations": [
        {
            "name": "Launch Chrome",
            "request": "launch",
            "type": "pwa-chrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}",
            
        },
        {
            "name": "Attach by Process ID",
            "processId": "${command:PickProcess}",
            "request": "attach",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "type": "pwa-node"
        },
    {
        "name": "Attach to Chrome",
        "port": 9222,
        "request": "attach",
        "type": "pwa-chrome",
        "webRoot": "${workspaceFolder}",
    }
    ]
}

我也嘗試過各種組合：

 node --inspect-brk  --inspect app.js

有時它會給出一條消息，即調試器正在ws://somehexadisgits處運行，但斷點沒有命中。

PS這是我的vs代碼版本：

 Version: 1.46.1 (user setup)
Commit: cd9ea6488829f560dc949a8b2fb789f3cdc05f5d
Date: 2020-06-17T21:13:20.174Z
Electron: 7.3.1
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Windows_NT x64 10.0.18363

Answer 1

經過幾個小時的挫折，這就是我解決的方法。

1. 刪除launch.json中的所有內容，使其完全空白，以便按鈕Run and Debug像這樣可見。

（之前的下拉菜單顯示了在啟動 json 中添加的配置列表）

2. 點擊按鈕Run and Debug和 select 任何環境。 我選擇了（鉻）。 現在在終端運行npm start 。 注意底部終端上的下拉菜單。 它會選擇JavaScript Debug Terminal

3. 將斷點放在任何地方，點擊 API（通過 postman 或瀏覽器獲取請求） ，並在它擊中斷點時注意到你內心的快樂。

PS 稍后當您不想在調試時每次都運行應用程序時，您可以 select 終端中的另一個選項。 例如select 默認 shell/powershell ，現在當您運行npm start時，它將在正常node環境中啟動，並且將在調試環境中正常運行而無需附加自身。 因此，您可以通過從 VS 終端的下拉列表中選擇這些選項中的任何一個，在選擇應用程序在調試環境中運行或不使用它之間進行切換。