Breakpoints in WebStorm treffen nicht auf JavaScript-Debugging zu

Ich habe die folgende Konfiguration in WebStorm eingerichtet:

Wenn ich auf "debuggen" klicke, wird Chrome korrekt gestartet und navigiert zur Seite, aber meine Haltepunkte werden nie getroffen. Es ist irgendwie verbunden, weil ich alle console.log() Ausgabe in WebStorm sehe.

Ich versuche, zu der URL zu gelangen, die im Screenshot angegeben wurde, und habe Breakpoints in main.js bekommen, aber es funktioniert nicht wie erwartet (siehe: überhaupt). Ich bin mir nicht ganz sicher, was ich vermisse. Ich habe versucht, eine Remote-URL für die spezifische main.js -Datei im Abschnitt Remote-URLs festzulegen, aber das hat auch nicht geholfen.

Als Referenz leite ich die Anwendung über bra run und npm run watch .

Schnellupdate

Es ist mir also gelungen, einen Breakpoint zu bekommen, aber er befindet sich in einer anderen Datei (in einem anderen Pfad):

../public/app/core/routes/dashboard_loaders.ts erlaubt es mir, an Haltepunkten zu stoppen, aber ../public/dashboards nicht.

Wenn ich zu Ссылка navigiere, wird die Route gefunden:

Was letztendlich tut lädt die Datei ../public/dashboards/multi.js - aber es werden keine Haltepunkte gefunden.

Weitere Updates

Es sieht so aus, als ob das Skript über den folgenden Befehl erhalten würde (in ../public/app/features/dashboard/dashboardLoaderSrv.js ):

Wo $routeParams sind type:script und slug:main.js - Wenn ich auf diese Funktion zugreife, erhalte ich eine anonyme (?) Datei, die identisch ist mit meiner tatsächlichen main.js -Datei, aber der Name ist wie 43550 of main.js - Ich denke, dass dies zu einem grundlegenden Mangel an Wissen darüber, wie JavaScript mit etwas von mir handhabt, zusammensinkt. :)