在浏览器中使用webpack调试Angular 2/Ionic 2

Question

好的，所以我试图在iPad中调试Ionic 2应用程序。错误在于PDF阅读器无法正常工作，但我目前主要关心的是如何在iPad上调试我的调试。

使用Safari中的开发者菜单项，我可以通过IP地址看到我的iPad并查看控制台日志，元素，资源，锁定库存。我甚至学会了如何设置断点 - 这有多聪明？

但是，我现在有问题，这也适用于桌面开发人员工具。如何在浏览器中调试webpack应用程序？它把我所有的功能都变成了“文本”，因此，例如，如何逐步完成代码并不是很明显。

我确定它与源代码有关...我错过了一些完全基本的东西吗？

Answer 1

Webpack将源映射放在file：//域而不是localhost中，所以我猜这是你的困惑所在。

现在取决于离子应用脚本的版本，结构可能会有所不同。

0.44及以上版本的文件的完整路径在使用节点模块的巨大列表中。

0.44以下有一个文件夹叫。并在里面它所有的应用程序相关的源地图（没有节点模块）