我發現在chrome調試器中調試離子代碼非常困難。 實際上，它只有angular2項目，但帶有離子成分。當我打開chrome dev工具並選擇「go to file」時，我找不到想要調試的.ts文件。 這對我來說很奇怪。我可以輕鬆地調試任何angular2項目，爲什麼不在離子？ 我想使用ionic3/angular4開發移動網站。 離子也使用webpact，如果是這樣，我想我只需要啓用sourcemap，然後在chrome dev工具中進行調試。 你有沒有成功調試離子.ts文件鉻？如何在chrome開發工具中調試ionic3打字代碼
如果您使用的是Visual Studio代碼，您可以安裝Cordova Tools擴展程序，它可以讓您在設備上進行調試，它是VSCode的一個非常強大的工具，它也是我發現的最佳編輯器/ IDE Ionic 3和Angular 4應用程序。
的程序是直截了當：
從.vscode目錄中刪除現有launch.json文件，然後進入調試器和點擊小齒輪圖標。
選擇Cordova作爲調試器。
擴展將創建12個CONFIGS你其實，我們需要的第一個是「運行Android設備」
現在，這是我做（Mac OS X的塞拉利昂），這取決於如何以及您的系統中安裝了哪些組件可能會發生變化。我打開Android Studio，然後連接連接到我的android測試設備的USB電纜。
一旦我看到我的設備在Android監視器面板中列出並且調試進程在Logcat選項卡中運行，我切換到我的VSCode窗口並在終端中發出：ionic cordova android run，然後等待應用程序啓動在通電話。
一旦應用程序顯示在設備中，請單擊VSCode中的調試按鈕，應該附加調試器。
現在，您的調試器應該能夠觸發您的斷點，並讓您使用在測試設備上運行的應用程序來調試打字稿代碼。
我猜你也可以直接從Chrome開發者工具進行調試，但它可能需要配置關於tsconfig.json內源地圖文件的位置，一些額外的選項。我寧願向您推薦vscode，因爲它具有大量有用的功能，它是免費的，並且還具有用於UI的Ionic 3片段，自動完成和CLI命令的擴展。