9

Mam następujące ustawienie konfiguracji w WebStorm:Wartości graniczne w WebStorm nie trafiając do debugowania JavaScript

enter image description here

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.

enter image description here

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 $routeParamstype: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. :)

+0

Czy Twoja przeglądarka ma wtyczki debugowania IntelliJ (i jest on obecny jako żółty banner na górze przy próbie debugowania z IDE)? –

+0

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

+1

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

Odpowiedz

0

Edytuj: Znalazłem issue for using webstorm with grafana (druga edycja) wygląda na to, że to Ty. Myślę, że to, co łączył, rozwiązuje problem z deklaracją źródła, wtedy plik nie jest "anonimowy" lub raczej dynamiczny.

//# sourceURL=filename.js 

tj

//# sourceURL=main.js 

referencyjny How to debug dynamically loaded JavaScript (with jQuery) in the browser's debugger itself?


Oto dokumentacja i wideo na debugowanie w webstorm się upewnić, że wszystko jest ustawiony prawidłowo.(I.E Moim domyślnym ustawieniem było debugowanie pliku indeksu zamiast mojego projektu). Upewnij się, że masz ich Chrome extension lub Firefox Extension

General JS Debugging in Webstorm

Debugging for Chrome in Webstorm

Debugging for Firefox in Webstorm

Debugging Node.JS in Webstorm

+0

Zaktualizowano po przejrzeniu problemów z Git – puppet