Mam następujące ustawienie konfiguracji w WebStorm:Wartości graniczne w WebStorm nie trafiając do debugowania JavaScript
Kiedy klikam debugowanie, uruchamia Chrome dobrze i przechodzi na stronę, ale moje punkty przerwania nigdy nie oberwać . Jest to jakoś połączone, ponieważ widzę wszystkie dane wyjściowe w WebStorm.
Próbuję przejść do adresu URL określonego na zrzucie ekranu i mam pułapki w stanie main.js, ale nie działa zgodnie z oczekiwaniami (patrz: w ogóle). Nie jestem do końca pewien, czego mi brakuje. Próbowałem ustawić zdalny adres URL dla określonego pliku main.js w sekcji Zdalne adresy URL , ale to też nie pomogło.
Dla odniesienia uruchamiam aplikację przez bra run i npm run watch.
Quick Update
Więc byłem w stanie rzeczywiście dostać przerwania na trafienie, ale w innym pliku (w innej ścieżce):
../public/app/core/routes/dashboard_loaders.ts pozwala mi zatrzymać się na pułapki , ale ../public/dashboards nie.
Kiedy przejdź do http://localhost:3000/dashboard/script/main.js?orgId=1, trafi na trasę:
.when('/dashboard/:type/:slug', {
templateUrl: 'public/app/partials/dashboard.html',
controller : 'LoadDashboardCtrl',
reloadOnSearch: false,
pageClass: 'page-dashboard',
})
co ostatecznie robi załadować plik ../public/dashboards/multi.js - ale nie ma wartości graniczne są trafiony.
Kolejne aktualizacje
Wygląda skrypt podawane jest poprzez the following command (w ../public/app/features/dashboard/dashboardLoaderSrv.js):
/*jshint -W054 */
var script_func = new Function('ARGS','kbn','dateMath','_','moment','window','document','$','jQuery', 'services', result.data);
var script_result = script_func($routeParams, kbn, dateMath, _ , moment, window, document, $, $, services);
Gdzie $routeParams są type:script i slug:main.js - Gdybym wkraczać do tej funkcji, otrzymuję plik anonimowy (?), który jest identyczny z moim aktualnym plikiem main.js, ale nazwa jest podobna do 43550 zamiast main.js - Myślę, że to sprowadza się do podstawowego l potwierdzenie wiedzy na temat tego, jak JavaScript obsługuje coś z mojej strony. :)
Czy Twoja przeglądarka ma wtyczki debugowania IntelliJ (i jest on obecny jako żółty banner na górze przy próbie debugowania z IDE)? –
Tak, pojawia się tylko wtedy, gdy klikam prawym przyciskiem myszy i wybieram 'Inspect in WebStorm' - ponownie ładuje stronę, ale punkty przerwania nadal nie zostają trafione (i logowanie konsoli w przystankach WebStorm) – MrDuk
Nie znam tak naprawdę źródło Twojego problemu, ale jako obejście możesz użyć debuggera Chrome i napisać "debugger;" w twoim kodzie JavaScript i Chrome złamie się w tym momencie, jeśli narzędzia programistyczne są otwarte. Lubię go bardziej niż WebStorm-debugger, ponieważ używa [odpowiedniego kolorowania ostrzeżeń i błędów] (https://stackoverflow.com/questions/32330022/webstorm-debugging-with-chrome-best-workflow-with-useful-console i ustawienie-b). – Compufreak