無法為具有babel-node的節點啟動VSCode調試器

Question

當我輸入npm run debug到控制台時，我得到： "Debugger listening on ws://127.0.0.1:3090/d17dfe56-4fa4-4686-a62e-d07cff78c834" 。 當我在chrome中找到這個地址時，我唯一看到的是"WebSockets request was expected" 。 我應該調整配置的哪些部分以使調試器工作？ 我正在使用最新版本的nodejs。

package.json腳本

"scripts": {
    "prod": "webpack -p --env.production --progress",
    "start": "babel-node --presets es2015 server/server.js",
    "watch": "nodemon --exec npm run start",
    "debug": "babel-node --presets es2015 server/server.js --inspect --debug-brk=3090"
  }

launch.json：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch via NPM",
            "type": "node",
            "request": "launch",
            "runtimeExecutable": "npm",
            "program": "${workspaceRoot}/server/server.js",
            "restart": true,
            "runtimeArgs": [
                "run-script", "debug"
            ],
            "port": 3090
        },
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3090",
            "webRoot": "${workspaceRoot}"
        },
        {
            "type": "chrome",
            "request": "attach",
            "name": "Attach to Chrome",
            "port": 3090,
            "webRoot": "${workspaceRoot}"
        }
    ]
}

文件結構：

├───.vscode
├───js
├───server
│   ├───db
│   ├───middleware
│   ├───models
│   ├───server.js 

Answer 1

這似乎是nodejs庫版本> = 7.0.0的問題。

第一個解決方法：

使用開發工具在chrome中打開此文件的一個小解決方法是在您的案例中復制ws之后的鏈接代碼：

Debugger listening on ws://127.0.0.1:3090/d17dfe56-4fa4-4686-a62e-d07cff78c834

並將其附加到dev工具鏈接的最后一行ws= ，如下所示：

chrome-devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:3090/d17dfe56-4fa4-4686-a62e-d07cff78c834

這將使您能夠在chrome dev工具中打開您的程序。 這里給出了問題的鏈接和解決方案

第二種解決方法：

我嘗試安裝舊版本的節點，即6.11.2和npm 3.10並嘗試使用Visual Studio代碼，它工作得非常好，沒有任何問題。

但是，通過上面第一種方法中顯示的技巧，我仍然可以使用節點和npm的最新版本。

編輯：格式化我的答案，以便更好地理解