Ich verwende IntelliJ 14.1.4 zum Erstellen einer JavaScript-Anwendung. Zum Debuggen starte ich einen Webserver mit Gulp. Ich starte dann das JavaScript-Debugging und verbinde mich mit Chrome (über das Plugin). Ich kann "normales" JavaScript auf diese Weise debuggen, aber wenn Quellkarten (erstellt von browserify) verwendet werden, löst IntelliJ die Haltepunkte nicht mehr aus. Wenn ich die Debugging-Tools von Chrome verwende, funktioniert alles wie erwartet, aber IntelliJ scheint seine Breakpoints nicht zu übersetzen.
Gibt es eine Möglichkeit, dies zum Funktionieren zu bringen? Ich habe viel Zeit damit verbracht, das Problem zu untersuchen, und soweit ich es verstehe, unterstützt IntelliJ Quellkarten. Außerdem konnte ich GWT-generiertes JavaScript mit diesem Ansatz debuggen, der auch Quellkarten verwendet.
Update : Es scheint, als gäbe es ein aktuelles Problem für dieses Problem . Wenn irgendein Workarround bekannt ist, bin ich glücklich, eine Lösung zu hören.
Die folgende Antwort löst das Problem. Hier ist, wie ich meinen Schluck Build aufstelle:
%Vor% mit ./build ist mein Build-Ordner und ../src ist der Stamm der JavaScript-Quelldateien, relativ zum Build-Ordner.
Die aktuelle Problemumgehung besteht darin, exorcist zu verwenden, um externe Quellkarten zu generieren. Sie können den Basispfad so einstellen, dass er Pfade mit dem Parameter -b und weitere Informationen in seinen Dokumenten auswertet.
Hier ist ein Beispiel, wie mein Aufruf zum Beobachten aussieht:
%Vor% Beachten Sie, dass Plug-ins und Transformationen möglicherweise seltsame Pfade ausgeben, wenn sie aneinandergereiht werden; Wenn Ihre Quellkarten nicht funktionieren, vergewissern Sie sich, dass browserify oder wikefy den Pfad korrekt ausgibt. Ich hatte einmal die Ausgabe von "../../js/tests/karma/unit/js/tests/karma/unit/Calculator.spec.ts" anstelle von "../../js/tests/karma/unit/Calculator.spec.ts" , was meine Maps nutzlos macht.
Tags und Links javascript intellij-idea browserify source-maps