Angular2 wird in TypeScript geschrieben.
Ich verwende das Angular2-Seed-Projekt und ich kann PhpStorm (WebStorm) nicht zum Debuggen verwenden - das ist es nicht Stopp auf Haltepunkt in .ts Dateien.
Ho, es zu tun?
Jetzt verwende ich JavaScript Debug mit http://localhost:8080 als URL - keine Haltepunkte: /
Um in WebStorm zu debuggen, müssen Sie sicherstellen, dass die Quellkarten generiert werden. Öffnen Sie dazu angular2-seed\webpack.config.js und fügen Sie
zur Webpack-Konfiguration; Erstellen Sie anschließend die javaScript Debug-Ausführungskonfiguration mit http://localhost:8080/ URL und fügen Sie das folgende Remote URL Mapping für das Projektstammverzeichnis hinzu
Starten Sie nun Ihren Server mit npm start ; Sobald der Server gestartet wurde, führen Sie die oben beschriebene Konfiguration im Debugger aus, indem Sie auf Debug
Wenn Sie Chrome verwenden, schreiben Sie in Ihren Code (wo Sie brechen möchten):
%Vor%Öffnen Sie den Browser, drücken Sie F12 (Entwicklerkonsole), dann aktualisieren Sie die 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 Einfügen von Haltepunkten in Ihre TypeScript-Dateien und die schrittweise Verarbeitung in ihnen ist in Chrome Dev Tools möglich.
Hast du es versucht?
Ich hoffe, es hilft dir. Thierry