--- title: Source map errors slug: Tools/Debugger/Source_map_errors tags: - Debugger - Debugging - Dev Tools - Reference - Source maps - Tools translation_of: Tools/Debugger/Source_map_errors ---
{{ToolsSidebar}}

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

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

通用源映射错误报告

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

Error from invalid JSON

 

 

 

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

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

 

 

 

缺少或无法访问的源映射

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

Source map file is missing

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

无效的源图

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

Error: "version" is a required argument

原始失踪

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

Debugger source tab showing the error

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

Debugger source tab showing the error