使用 Chrome 开发者工具调试您的 Node.js 应用
您可以使用 Chrome 的开发者工具来调试 Node.js 应用程序。这称为远程调试,可以从 Google Chrome 的内部网站启动。
配置您的 Node.js 应用程序以进行调试
要使用 Google Chrome DevTools 检查您的 Node.js 应用,您必须将其设置为远程目标。这可以通过--inspect在启动node进程时使用标志来实现:
node --inspect ./dist/app.js
使用 Chrome 开发者工具
一旦您的 Node.js 应用注册为远程目标并监听调试器,您就可以在 Google Chrome 中打开网页chrome://inspect/#devices来查看 Node 专用的 DevTools。
设置 IP 和端口
默认情况下,开发者工具会尝试在“127.0.0.1:9229”上发现目标。您可以更改主机和端口。请确保您的 Node.js 进程正在监听该端口。您可以通过运行以下命令将 Node.js 指向特定的 IP 地址和端口:
node --inspect=127.0.0.1:9200 ./dist/app.js
如果要允许外部连接(来自公共互联网),则必须将调试接口绑定到 IP/主机“0.0.0.0”。
使用 CLI 调试器
如果想完全在命令行界面 (CLI) 中运行调试,可以使用以下命令启动应用程序:
node inspect ./dist/app.js(注意缺少连字符!)
请注意,Node.js 检查器支持断点,但并非功能齐全的调试器。如果您想从断点(使用 `--continue`debugger语句设置)继续执行,则必须cont在命令行界面 (CLI) 中输入 `continue`。
暂停调试
当你的应用初始化过程比较繁重时,你可能需要暂停应用运行,直到调试器连接成功。这可以通过使用 `--break` 标志来实现--inspect-brk,该标志会在代码运行前设置一个中断。你可以使用远程调试器(例如 Chrome 开发者工具)来恢复调试过程。
TypeScript 调试设置
如果你想使用 Node 的调试器来调试 TypeScript 代码,你需要将 Node.js 应用编译成 JavaScript。请确保在 tsconfig.json 文件中启用编译器选项“sourceMap”,true以便获得源映射支持。
- 运行此命令
npx tsc将你的 TypeScript 应用编译为 JavaScript - 运行此命令
node --inspect ./dist/app.js以在调试器的监视模式下启动已编译的代码。
使用时ts-node,您可以直接调用:
node --inspect -r ts-node/register ./src/app.ts
视频教程
下面的视频将帮助您进行Node.js调试设置:
点击 YouTube 链接,您还可以找到各章节的时间线:
保持联系🔗
如果你喜欢这篇文章,请在Twitter上关注我或订阅我的YouTube频道。我很想了解你正在制作什么。🙂祝好,Benny
文章来源:https://dev.to/typescripttv/debug-your-node-js-app-with-chrome-devtools-4c98