Sourcemaps 仅在单击 Chrome 控制台的 console.log 中的链接时才有效

Posted 2023-02-23

【中文标题】Sourcemaps 仅在单击 Chrome 控制台的 console.log 中的链接时才有效

【英文标题】：Sourcemaps only working when clicking link from Chrome console's console.log

【发布时间】：2015-06-04 02:24:45

【问题描述】：

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

在 Chrome 开发者工具中，当我直接访问 sources 选项卡并单击我的 uglified/sourcemapped 文件时，Chrome 不会尝试解析 sourcemap 而只是显示 uglified 文件。

但是，当控制台显示带有文件链接和行号（例如app.js:81）的消息（例如来自console.log 或异常）时，我可以单击它并被带到sources 选项卡，源映射正确解析并显示原始文件。

这里有两张截图，你可以看到同一个文件，一张解析了源映射，一张未解析：

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

如果您需要更多信息，请告诉我。

【参考方案1】：

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