简体繁体 English

Chrome Dev工具中的“源”面板即使被映射也为空

[英]Source panel in Chrome Dev tools empty even when mapped

原文 2016-12-19 23:18:47 6 2 angular/ typescript/ google-chrome-devtools

So, after many months of happily debugging our Angular2 app using the Chrome Dev Tools, each of our team member is falling victim (each, a few days apart) to what seems to be a nasty bug: 因此，在使用Chrome开发工具愉快地调试了Angular2应用程序数月之后，我们每个团队成员都成为了一个令人讨厌的错误的受害者（每个人相隔几天）：
For no obvious reason, the Sources panel is not displaying the Typescript source anymore even though it says it is correctly mapped. 出于明显的原因，即使“ Sources面板说它已正确映射，也不再显示“ Typescript”源。

This is using Chrome 55.0.2883.87 on Windows 10. I also tried to install Chrome Beta 56.0.2924.28 hoping it was a recently introduced bug that had since been fixed but no luck. 这是在Windows 10上使用的Chrome 55.0.2883.87，我还尝试安装Chrome Beta 56.0.2924.28，希望它是一个最近引入的错误，此错误已得到修复，但没有运气。

I tried removing/re-establishing the mapping and, every time, it seems to be happy with it but still shows an empty panel when debugging. 我尝试删除/重新建立映射，并且每次看起来都对它感到满意，但在调试时仍然显示空白面板。

As you can see here, the folder structure does match the mapping settings 如您所见，文件夹结构确实与映射设置匹配

And here the folder being served containing the JS and map files 这是包含JS和地图文件的服务文件夹 This is the first line of my mapping file: {"version":3,"file":"myp.component.js","sourceRoot":"","sources":["../../../../App/projections/myp/myp.component.ts"] 这是我的映射文件的第一行： {"version":3,"file":"myp.component.js","sourceRoot":"","sources":["../../../../App/projections/myp/myp.component.ts"]

To add to the mystery, the panel does show my source while the page is being loaded but it quickly goes away. 更令人费解的是，在页面加载时 ，面板确实显示了我的来源，但是页面很快就消失了。

I must insist that all of us have been successfully using the Dev Tools for years (months on this particular app) with zero problem until late last week. 我必须坚持认为，直到上周下半年，我们所有人都已经成功使用开发工具多年（在此特定应用程序上数月），零问题。

2 个解决方案

We are also having the same issue. 我们也有同样的问题。 We decided to download the Canary build of Chrome and everything works fine. 我们决定下载Chrome的Canary版本，一切正常。 Canary is the unstable nightly builds so they must already know of this bug and have it fixed. Canary是不稳定的夜间版本，因此他们必须已经知道此错误并进行修复。 It can be downloaded here 可以在这里下载

As @wOxxOm suggested, I installed an older version of Chrome ( from this web site , 54.0.2840.71 worked for me). 按照@wOxxOm的建议，我安装了旧版本的Chrome（从该网站上，54.0.2840.71适用于我）。 I'm reporting the bug to the Chrome team. 我正在将该错误报告给Chrome小组。