WebStorm中的断点不适用于JavaScript调试

Question

我在WebStorm中进行了以下配置设置：

当我点击调试时，它会很好地启动Chrome并导航到该页面，但我的断点永远不会受到影响。它以某种方式连接，因为我在WebStorm中看到了所有console.log()输出。

我正在尝试导航到屏幕截图中指定的URL并且在main.js中有断点，但它没有按预期工作（参见：at）。我不确定我错过了什么。我已经尝试在远程URL部分中为特定的main.js文件设置远程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 - 但没有命中断点。

进一步更新

看起来脚本是通过the following command（在../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);

哪里$routeParams是type:script和slug:main.js - 如果我进入这个函数，我得到一个匿名（？）文件，与我的实际main.js文件相同，但名称就像43550而不是main.js - 我认为这是沸腾到一个基本缺乏JavaScript如何处理我的东西的知识。 :)