Source map errors - Firefox 开发者工具 编辑

源映射是JSON文件，它提供了一种方法，可以将转换的源代码与开发人员所看到的原始资源关联起来，就像浏览器所看到的那样。您有时可能会遇到使用源映射的问题。这一页解释了最常见的问题以及如何修复它们。

注意:如果你是新手地图的新手，你可以在如何使用源地图上了解更多的信息。

通用源映射错误报告

如果您确实看到了问题，将在webconsole中显示一条消息。该消息将显示一个错误消息、资源URL和源映射URL:

这里，资源URL告诉我们这个bundle。js提到了一个源映射，源映射URL告诉我们在哪里找到源映射数据(在本例中是相对于资源的)。这个错误告诉我们源映射不是JSON数据，所以我们正在为错误的文件服务。

有一些常见的方法可以使源图出错;下面几节将详细介绍这些内容。

缺少或无法访问的源映射

源映射资源可能会丢失或无法访问。

这里的解决方法是确保文件已经被服务并且可以访问浏览器

无效的源图

源映射数据可能是无效的——要么根本不是一个JSON文件，要么是一个不正确的结构。典型的错误消息是:

• SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
• Error: "version" is a required argument

原始失踪

一个原始的源可能会丢失。在调试器中尝试打开原始源代码时，您可能会遇到这种情况。在这种情况下，信息看起来有点不同:

在这种情况下，错误也会显示在调试器的source选项卡中: