I持ってWebStormで、次の設定：私は、デバッグをクリックするとブレークポイントは、JavaScriptのデバッグのためにヒットしない
、それはクロムの罰金が起動し、ページに移動しますが、私のブレークポイントがヒットしない飽きません。 WebStormに出力されたconsole.log()がすべて表示されるため、何とか接続されています。
私はスクリーンショットで指定されたURLに移動しようとしていますが、main.jsにブレークポイントがありますが、期待どおりに動作しません。私は何が欠けているのか正確にはわかりません。私は、特定のmain.jsファイルのリモートURLをリモートURLセクションに設定しようとしましたが、それでも役に立たなかった。
参考として、bra runとnpm run watchでアプリケーションを実行します。
クイック更新
だから私は実際にヒットするブレークポイントを得ることができましたが、それは（異なるパスに）別のファイルにあります：
../public/app/core/routes/dashboard_loaders.tsは私がブレークポイントで停止することができますしかし、../public/dashboardsはありません。
私はhttp://localhost:3000/dashboard/script/main.js?orgId=1に移動すると、それがルートを打つ：
.when('/dashboard/:type/:slug', {
templateUrl: 'public/app/partials/dashboard.html',
controller : 'LoadDashboardCtrl',
reloadOnSearch: false,
pageClass: 'page-dashboard',
})
最終的はファイル../public/dashboards/multi.jsをロードしない - しかし、何もブレークポイントがヒットされていません。
さらにアップデート
このスクリプトは（../public/app/features/dashboard/dashboardLoaderSrv.jsに）the following commandを経由して提供されるようになっています
/*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);
$routeParamsが
type:scriptと
slug:main.jsです
- 私は、この関数にステップした場合、私が手私の実際のmain.jsファイルと同じ匿名（？）ファイルですが、名前はmain.jsではなく43550のようになります - これは基本的なl JavaScriptが私の中で何かをどのように処理するかを知っています。 :)
お使いのブラウザはIntelliJのデバッグプラグインを持っている（と、それは上に黄色のバナーとして存在していますIDEからデバッグしようとすると）？ –
「WebStormの検査」を右クリックして選択すると表示されますが、ページを再ロードしますが、ブレークポイントはまだヒットしません（WebStormのコンソールログは停止します） – MrDuk
私は実際にChromeのデバッガを使用して「デバッガ」と書いておけば回避できますあなたのJavascript-Codeで、開発ツールが開いていれば、Chromeはこの時点で中断します。私はWebStormデバッガよりも、[警告とエラーのための適切な色付け]を使用しています。（https://stackoverflow.com/questions/32330022/webstorm-debugging-with-chrome-best-workflow-with-useful-console - と - 設定 - b）。 – Compufreak