ionic-framework - 在Visual Studio代码中调试Ionic 2-如何在源文件中命中断点？

Question

问题:
仅在连接的构建文件www\build\js\app.bundle.js中命中断点

重现

我启动模拟器，在模拟器上运行应用程序(运行良好)

在应用文件夹文件中设置一些断点，例如app/pages/list/list.js

在“VS代码”>“调试 Pane ”中，我选择Attach to running Android on Emulator。调试器运行并连接。

实际结果

在原始源文件中未找到断点。仅当我在构建js文件www\build\js\app.bundle.js

中设置它们时，它们才会被命中

关于源 map 的说明

在 MyIonic2Project\.vscode\launch.json中，“附加到在模拟器上运行”配置的设置为:

"sourceMaps": true,
"cwd": "${workspaceRoot}",
"ionicLiveReload": false

我的设置

这是一个Ionic 2项目，使用以下命令创建:

ionic start --v2 -a "My Ionic 2" MyIonic2Project tutorial

这对cli命令非常有效:在带有 ionic serve的Chrome上，使用 ionic emulate android的仿真器上以及在设备上(HTC One M8)，因此到目前为止一切都很好:-)

我已经安装了最新的Visual Studio Code，并包括了Cordova工具: ext install cordova-tools

Answer 1

我还有其他信息，但是评论太久了，因此请输入答案。如果需要更新，请提供反馈。

在Ionic 2论坛上，以下是直接在VSCode TypeScript文件中进行调试的教程的链接。

为简洁起见，使用Ionic CLI扩展名。还需要针对VSCode的Chrome扩展程序的调试器。

从Visual Studio Code调试Chrome中的Ionic 2应用程序
http://www.damirscorner.com/blog/posts/20161122-DebuggingIonic2AppsInChromeFromVisualStudioCode.html

更新:
有关使此功能适用于移动设备的详细信息，请参见@Kinorsi评论

GitHub上有一个相关问题-名为Closed，可能值得注意。解决方案是Ionic 2 RC构建系统不再使用gulp。关于内联源映射"ionic_source_map_type": "#inline-source-map"的使用，还有进一步的评论:
TypeScript source files cannot be debugged on a real mobile device in Android #22