Angular2 wird in TypeScript geschrieben.Wie kann man das angular2-Seed-Projekt in PHPStorm/WebStorm debuggen?
Ich benutze Angular2 seed project und ich kann nicht PhpStorm (WebStorm) zu debuggen - es stoppt nicht auf Haltepunkt in .ts Dateien.
Ho, es zu tun?
Jetzt bin ich mit JavaScript Debug mit http://localhost:8080 als URL - keine Haltepunkte:/
Um in WebStorm zu debuggen, müssen Sie sicherstellen, dass die Quellkarten generiert werden. Dazu öffnen angular2-seed\webpack.config.js und fügen
devtool: 'source-map',
zu webpack Konfiguration; dann javaScript Debug-Durchlauf-Konfiguration mit http://localhost:8080/ URL und fügen Sie das folgende Remote URL-Mapping für das Projekt Stammverzeichnis
webpack:///.
Nun starten Sie Ihren Server mit npm start erstellen; Sobald der Server gestartet ist, führen Sie die oben beschriebene Konfiguration im Debugger aus, indem Sie Debug
Sie „Angular batarang“ Werkzeug für die Fehlersuche verwenden können
drücken. Diese Antwort kann als Kommentar hinzugefügt werden. geben Sie mehr Informationen in Sie haben es so –
Wäre es für Angular2 eher Batarangle? ;-) –
Stützpunkte in Ihre Typoskript Dateien Putting und Schritt für Schritt die Ausführung die Verarbeitung in diesen Dateien ist in Chrome Dev Tools möglich.
Haben Sie es versucht?
Ich hoffe, es hilft Ihnen. Thierry
Ich weiß, dass Chrome Debugger hat, aber ich benutze phpStorm als IDE und frage nach phpStorm. Aber danke für die Antwort – piernik
Was ich einfach bedeuten ist, dass Sie immer die Client-Seite Anwendung (angular2) innerhalb eines Browsers ausführen können (zum Beispiel Chrom) und so verwenden Sie den eingebauten Debugger ... –
Wenn Sie Chrome verwenden, in Ihrem Code schreiben (wo Sie brechen wollen):
debugger;
Browser öffnen, drücken Sie F12 (Entwickler-Konsole), als Refresh-Seite. Die Ausführung Ihrer App sollte mit diesem Befehl beendet werden.
Beachten Sie, dass Ihr tslint (wenn Sie das verwenden) sich über die Verwendung des Debugger-Befehls beschweren kann. Bearbeiten Sie Ihre tslint.json-Datei und setzen Sie no-debugger auf true
Das funktioniert - vielen Dank – piernik