--- 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 ---
源映射是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选项卡中: