无法让 VSCode 调试与我的 NodeJs 应用程序一起使用

约翰·梅尼金

我正在尝试在 Visual Studio Code 上调试我的应用程序。我有以下配置package.json

"scripts": {
    "build": "rimraf dist/ && babel ./ --out-dir dist/ --ignore ./node_modules,./.babelrc,./package.json,./npm-debug.log --copy-files",
    "start": "npm run build && node --inspect=12345 dist/app.js"
}

我在我的 Node 应用程序上使用 ES6,这就是为什么我的build配置有点混乱

当我运行npm start一切正常时,我可以使用我的应用程序。

现在尝试调试它,我设置了以下launch配置:

"configurations": [
    {
        "type": "node",
        "name": "Attach to Remote",
        "request": "attach",
        "port": 12345
    },
    {
        "type": "node",
        "request": "launch",
        "name": "Launch Program",
        "program": "${workspaceFolder}\\dist\\app.js"
    }
]

他们都“工作”:VS Code 切换到“调试模式”,但我无法找到任何断点。他们都变灰了:

在此处输入图片说明

我曾尝试使用答案进行修复,但无法使其正常工作...

有什么帮助吗?

提前致谢!

约翰·梅尼金

我发现我只是--source-maps从我的babel-cli命令中遗漏了... -.- 添加它后,VSCode 能够找到断点。所以基本上解决方案是:

添加--source-maps到我的构建命令:

"scripts": {
    "build": "rimraf dist/ && babel ./ --out-dir dist/ --ignore ./node_modules,./.babelrc,./package.json,./npm-debug.log --copy-files --source-maps",
    "start": "npm run build && node --inspect=12345 dist/app.js"
 }

我配置了一个launch如下:

"configurations": [
    {
        "type": "node",
        "request": "launch",
        "name": "Launch Program",
        "program": "${workspaceFolder}\\dist\\app.js",
        "preLaunchTask": "npm: build"
    }
]

希望它可以帮助某人!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

VSCode调试不适用于NodeJs应用程序

我的与任务计划程序一起使用的应用程序无法在我的C#代码中创建目录

如何使用grpc的boringssl函数来与我的nodejs程序一起使用

HTML按钮无法与我的JavaScript一起使用

serialize()无法与我的表单一起使用

无法使SaveFileDialog与我的网页一起使用

ImageIcon无法与我一起使用

$ rootScope在AngularJs中无法与我一起使用

如何在VSCode中调试与PM2一起运行的Node.js应用程序?

无法在 docker 中调试 nodejs 应用程序

如何使附属程序集在 PublishSingleFile 中与我的 WPF 应用程序一起使用

从onActivityResult参数传递的Intent如何与我的应用程序一起使用?

如何使djangoCMS网址与我的django应用程序网址一起使用?

与我的应用程序一起使用时,codeScanner不起作用

如何使启动器进度栏与我的应用程序一起使用?

vscode无法识别我的Django模块应用程序。vscode警告

如何与我的应用程序一起发布与磨损兼容的应用程序?

无法使用VSCode调试React Native

无法使用 gdb 在 VSCode 中进行调试

Deno应用程序的Vscode调试错误:无法连接到以下位置的调试目标

无法在 vscode 中调试

jQuery无法与我的Blazor应用程序正常工作

Firebase 无法与我的 android 应用程序连接

无法将Firebase与我的应用程序集成

Angular-CLI Beta 14无法构建我的Angular2应用程序,该应用程序可以与System.js一起正常工作

vscode intellisense无法与PyTorch一起使用

VSCode 的 CodeLLDB 无法与远程 gdbserver 一起使用

使用:after或:: after的Clearfix无法与我的彩色框一起使用

在VSCode的NodeJs调试器中使用“ esm”