即使映射,Chrome开发工具中的源面板也会为空

时间:2016-12-19 23:18:47

标签: angular typescript google-chrome-devtools

因此,经过几个月的使用Chrome开发工具快乐调试我们的Angular2应用程序后,我们的每个团队成员都成了受害者(每个人,相隔几天),这似乎是一个令人讨厌的错误: 没有明显的原因,Sources面板不再显示Typescript源,即使它说它已正确映射。

这是在Windows 10上使用Chrome 55.0.2883.87。我还尝试安装Chrome Beta 56.0.2924.28,希望它是最近推出的错误,此后已经修复但没有运气。

my sad-looking Sources panel

我尝试删除/重新建立映射,每次,它似乎都很满意,但在调试时仍然显示一个空面板。 Successful mapping

正如您在此处看到的,文件夹结构与映射设置匹配 directory structure

这里提供的文件夹包含JS和地图文件 enter image description here 这是我的映射文件的第一行: {"version":3,"file":"myp.component.js","sourceRoot":"","sources":["../../../../App/projections/myp/myp.component.ts"]

为了增加这个谜团,面板确实会在页面加载时显示我的来源 ,但很快就会消失。

enter image description here

我必须坚持认为,我们所有人都已成功使用Dev Tools多年(在这个特定的应用程序上几个月),零问题直到上周末。

2 个答案:

答案 0 :(得分:2)

我们也有同样的问题。我们决定下载Canary版本的Chrome,一切正常。金丝雀是不稳定的夜间构建,所以他们必须已经知道这个bug并修复它。它可以是downloaded here

答案 1 :(得分:0)

根据@wOxxOm建议,我安装了较旧版本的Chrome(from this web site,54.0.2840.71为我工作)。 我正在向Chrome小组报告错误。