使用babel-node

Question

我的应用程序有一些jest测试。测试使用的其他js源使用Flow在js ES6中编写。我的目标是调试测试使用的源。但是，当我调试它们时，代码是以转换/缩小的形式。

我尝试了以下内容：

• ./node_modules/.bin/babel-node debug ./node_modules/.bin/jest --runInBand但文件仍然缩小（我.babelrc es2015和stage-3预设
• ./node_modules/.bin/babel-node --debug ./node_modules/jest-cli/bin/jest.js --runInBand但在启动jest
后会挂起
• babel-node-debug源显示正确，但在调试之前终止（错误描述为here）
• babel-node在命令行上有预设，但它认为预设是模块（Error: Cannot find module *path*/es2015,stage-3，类似的错误，它们之间有空格）
• node-inspector与babel-node debug。正确显示源代码，但它不允许我调试（与上面相同的错误）。
• ./node_modules/.bin/babel-node ./node_modules/bugger/bin/bugger.js -b ./node_modules/jest-cli/bin/jest.js --runInBand（使用bugger和babel-node - 在启动jest
后挂起

我的假设

babel-node确实生成了适当的源映射，但命令行调试器无法读取它们，GUI工具以某种方式无法工作。如何验证？

我的环境：

Node v6.0.0 jest v12.0.2 (dev dependency) babel 5.8.38 (babel-core 5.8.38) (dev dependency)

期望的结果

我最终想在chrome dev工具中调试我的文件，但我不会抱怨命令行调试器。

我对安装更多魔法工具犹豫不决，我不知道如何使用，但我很高兴知道为什么我必须这样做。

我是整个js堆栈的新手，请原谅我愚蠢的问题！

Answer 1

在此SO问题＆＃34; vscode debug ES6 application＆＃34;我描述了如何配置VS代码以调试ES6 / ES2015代码。希望这会有所帮助。