命中断点时,Sourcemap请求挂起。有没有办法强制预加载?

时间:2014-08-01 10:57:55

标签: javascript debugging source-maps

我正在调试一个缩小的角度模块。

我收到了一个错误:

Error inside the stack trace

我在sourcemap-deminified文件上设置了断点(正确生成了)并点击了重新加载。

令人惊讶的是,我最终在非人类可读的缩小文件中找到了断点而不是源映射翻译的文件。 这是为什么?网络标签显示了一个可悲的事实:

Network tab with pending .map file

当整个计算由于缩小文件中的断点而卡住时,会发生这种情况。因此,请求被锁定在待处理状态,Chrome无法知道如何映射缩小的文件。

有人已经遇到过这个问题吗?你的解决方案是什么?

1 个答案:

答案 0 :(得分:1)

我遇到了这个问题。 enter image description here 出现问题是因为Chrome没有缓存源地图并尝试获取它,但断点可以防止。
如果页面和开发工具已打开并按F5 / Ctrl + R,则会再次出现此问题。
如果焦点在地址栏中并按Enter,则计算出来。
更新:通过时间工作:(
Upd2 :我使用angularjs + angular-route。我想我找到了一个解决方法:打开一个页面,例如http://localhost/myPage,chrome加载所有必需的文件(带源地图)。然后更改栏中的地址,添加客户端路径,例如#123(http://localhost/myPage#123)。 Chrome不会重新加载页面,客户端的路由也可以。断点应该依赖于客户端路径url#123,逻辑必须与此参数不同。有点像这样:

if ($route.current.params.id){
  //real logic with breakpoint
  debugger;
}else{
  //nothing
}