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

Question

我在WebStorm中有以下配置设置：

当我单击debug时，它会启动Chrome fine并导航到页面，但我的断点从未被击中。但是，它是以某种方式连接的，因为我在WebStorm中看到了console.log()的所有输出。

我试图导航到屏幕截图中指定的URL，并在main.js中找到断点，但它没有像预期的那样工作（请参见：根本没有）。我不确定我错过了什么。我尝试在远程URL部分中为特定的main.js文件设置远程URL，但这也没有帮助。

../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--但不会命中断点。

/*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如何处理某些东西缺乏基本知识。：）

Answer 1

编辑：我发现这个问题使用webstorm与grafana（第二次编辑）看起来像这是你。我认为他链接的东西通过声明一个源码来解决这个问题，然后你的文件就不是“匿名的”或者更确切地说是动态的。

//# sourceURL=filename.js

即

//# sourceURL=main.js

参考如何在浏览器的调试器中调试动态加载的JavaScript（使用jQuery）？

在Webstorm中调试Node.js