Debuggen von Ionic 2 in Visual Studio Code - Wie werden Breakpoints in Quelldateien ausgelöst?

Question

Problem: Haltepunkte werden nur in der verketteten Build-Datei www \ build \ js \ app.bundle.js

1. ich den Emulator Reproduzieren getroffen zu starten, führen Sie die App auf dem Emulator (das funktioniert einwandfrei)

2. Legen Sie einige Haltepunkte in App-Ordner-Dateien z app/pages/list/list.js

3. In VS-Code> Debug-Fenster wähle ich Attach to running Android on Emulator. Debugger läuft und verbindet.

Tatsächliches Ergebnis

3. Die Stützpunkte sind nicht in den ursprünglichen Quelldateien getroffen. Sie nur getroffen werden, wenn ich sie in der Datei js build gesetzt www\build\js\app.bundle.js

Hinweis auf Sourcemaps

In MyIonic2Project\.vscode\launch.json, die Einstellungen für das Befestigen an Laufen auf Emulator-Konfiguration sind:

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

---

Mein Setup

Es ist ein Ionic 2-Projekt, erstellt mit:

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

Die mit cli Befehlen perfekt funktioniert: auf Chrome mit ionic serve, Emulator ionic emulate android und auf dem Gerät als auch (HTC One M8) verwendet wird, so ist alles gut bis zu diesem Punkt :-)

Letzte Visual Studio-Code installiert haben und enthalten die Cordova Werkzeuge: ext install cordova-tools

Answer 1

ich habe zusätzliche Informationen, aber zu lange in Kommentar zu setzen, so setzen Sie sich als Antwort . Geben Sie Feedback, wenn Updates benötigt werden.

Von den Ionic 2-Foren ist das folgende eine Verknüpfung zu einem Lernprogramm für das Debuggen direkt in VSCode TypeScript-Dateien.

Verwendet Ionic CLI-Erweiterung, der Kürze wegen. Brauchen Sie auch Debugger für Chrome-Erweiterung für VSCode.

Debuggen Ionic 2 Apps in Chrome von Visual Studio-Code http://www.damirscorner.com/blog/posts/20161122-DebuggingIonic2AppsInChromeFromVisualStudioCode.html

aktualisieren: See @Kinorsi Kommentar Einzelheiten hierzu immer für mobile

arbeitet Es gibt ein damit zusammenhängendes Problem ist auf GitHub - das war Closed, was erwähnenswert sein kann. Auflösung wurde Ionic 2 RC Build-System ist nicht mehr Schluck verwenden. Ionic „Wir haben nicht vollständig ionische 2 im Moment unterstützen - TypeScript source files cannot be debugged on a real mobile device in Android #22