如何使用节点检查器调试 babelJS 转译代码？

Question

我正在尝试使用 node-inspector 调试与 babel-node 一起运行的 nodeJS 应用。

babel-node index.js --debug

Node-inspector 工作，但它在转译的 es5 而不是 es6 中显示源映射

Answer 1

根据Javascript之道，“代码在瞬间流动，所以知识只是一个提示，就像一个流的地图。”

最新版本的 v8 现在使用如下命令：

$ babel-node --inspect --debug-brk a.js

对于源地图，请尝试将其添加到a.js：

import 'source-map-support/register';

Answer 2

对于 babel 6，我使用了 require 钩子。

按照这些说明获取 babel 寄存器。 https://babeljs.io/docs/setup/#babel_register

在您的 app.js 或应用程序的入口点添加

require('babel-register')({
  sourceMaps: true
});

如果您还需要添加其他选项，请参阅 - https://babeljs.io/docs/usage/options/#options

您应该能够使用 node-inspector 和 chrome 来调试您的应用程序

Answer 3

它需要一个包装器来创建到源代码的源映射而不是转译代码。

来自https://babeljs.io/docs/setup/#babel_node_debug

npm install -g babel-node-debug
babel-node-debug index.js

更新

我没有使用babel-node 运行它，而是将其转换为es5 + sourcemaps，然后使用node 运行它。 通过这样做，节点检查器将在源开发工具中显示正确的代码。

我还没想好如何使用babel-node