即使已映射，Chrome 开发工具中的源面板也是空的答案

【问题标题】：Source panel in Chrome Dev tools empty even when mapped即使已映射，Chrome 开发工具中的源面板也是空的
【发布时间】：2017-05-05 02:14:34
【问题描述】：

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

这是在 Windows 10 上使用 Chrome 55.0.2883.87。我还尝试安装 Chrome Beta 56.0.2924.28，希望它是最近引入的错误，后来被修复但没有运气。

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

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

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

为了增加神秘感，面板确实显示了我的来源页面正在加载，但它很快就消失了。

我必须坚持，直到上周晚些时候，我们所有人都已经成功使用开发工具多年（在这个特定应用上几个月），而且问题为零。

【问题讨论】：

这可能是一个尚未报告和修复的错误。尝试旧版 Chrome（例如 portable）

标签： angular typescript google-chrome-devtools

【解决方案1】：

正如@wOxxOm 建议的那样，我安装了旧版本的 Chrome（from this web site，54.0.2840.71 为我工作）。我正在向 Chrome 团队报告该错误。

【讨论】：

【解决方案2】：

我们也遇到了同样的问题。我们决定下载 Chrome 的 Canary 版本，一切正常。 Canary 是不稳定的夜间构建，所以他们必须已经知道这个错误并修复它。可以是downloaded here

【讨论】：