在瀏覽器中使用webpack調試Angular 2/Ionic 2

Question

好的，所以我試圖在iPad中調試Ionic 2應用程序。錯誤在於PDF閱讀器無法正常工作，但我目前主要關心的是如何在iPad上調試我的調試。

使用Safari中的開發者菜單項，我可以通過IP地址看到我的iPad並查看控制檯日誌，元素，資源，鎖定庫存。我甚至學會了如何設置斷點 - 這有多聰明？

但是，我現在有問題，這也適用於桌面開發人員工具。如何在瀏覽器中調試webpack應用程序？它把我所有的功能都變成了「文本」，因此，例如，如何逐步完成代碼並不是很明顯。

我確定它與源代碼有關...我錯過了一些完全基本的東西嗎？

Answer 1

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

現在取決於離子應用腳本的版本，結構可能會有所不同。

0.44及以上版本的文件的完整路徑在使用節點模塊的巨大列表中。

0.44以下有一個文件夾叫。並在裏面它所有的應用程序相關的源地圖（沒有節點模塊）