仅当单击来自Chrome控制台的console.log的链接时，源映射才起作用

Question

我正在使用Gulp和gulp- sourcemaps为我的JS生成内联源地图，并使用gulp-uglify 进行丑化 。

在Chrome开发人员工具中，当我直接访问“ 源”标签并单击我的uglified / sourcemapped文件时，Chrome不会尝试解析源地图，而只会显示uglified文件。

但是，当控制台显示一条消息（例如来自console.log或异常），并带有指向文件和行号的链接（例如app.js:81 ）时，我可以单击它，并转到“ 源”标签。开发工具，并且正确解析了源映射并显示了原始文件。

这是两个屏幕快照，您可以在其中看到相同的文件，一个已解析源地图，另一个已未解析文件：

我在这里做错什么，还是误解了源映射应该如何工作？ 我希望能够直接访问“ 源”选项卡并查看原始文件，而不是丑陋的文件。

让我知道您是否需要更多信息。

Answer 1

好吧，这最终成为一个愚蠢的问题。 我在开发工具中没有看到小的“源”文件夹：