无法为具有babel-node的节点启动VSCodedebugging器

当我键入npm run debug到控制台时,我得到: "Debugger listening on ws://127.0.0.1:3090/d17dfe56-4fa4-4686-a62e-d07cff78c834" 。 当我在chrome中访问这个地址时,我所看到的唯一情况就是"WebSockets request was expected" 。 我应该调整哪些部分的configuration来使debugging器工作? 我正在使用最新版本的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 

在这里输入图像说明

这似乎是nodejs库版本> = 7.0.0的问题。

第一个解决方法:

用开发工具chrome打开这个文件的一个小的解决方法是在你的情况下在ws之后复制链接的代码:

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

并将其附加到开发工具行的末尾与ws=链接,如下所示:

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

这将使您能够在chrome开发工具中打开您的程序。 链接和解决问题在这里给出

第二个解决方法:

我尝试安装旧版本的节点,即6.11.2和NPM 3.10,并试图在Visual Studio代码,它工作得很好没有任何问题。

然而,用第一种方法显示的技巧,我仍然可以使用node和npm的最新版本。

编辑:格式化我的答案更好的理解