--- 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 --- <div>{{ToolsSidebar}}</div><p class="summary"><span style="">源映射是JSON文件,它提供了一种方法,可以将转换的源代码与开发人员所看到的原始资源关联起来,就像浏览器所看到的那样。您有时可能会遇到使用源映射的问题。这一页解释了最常见的问题以及如何修复它们。</span></p> <div class="note"> <p><span style="">注意:如果你是新手地图的新手,你可以在如何使用源地图上了解更多的信息。</span></p> </div> <h2 id="通用源映射错误报告"><span style="">通用源映射错误报告</span></h2> <p><span style="">如果您确实看到了问题,将在webconsole中显示一条消息。该消息将显示一个错误消息、资源URL和源映射URL:</span></p> <p><img alt="Error from invalid JSON" src="https://mdn.mozillademos.org/files/15423/invalid-json.png" style="border-style: solid; border-width: 1px; display: block; height: 57px; margin: 0px auto; width: 744px;"></p> <p> </p> <p> </p> <p> </p> <p><span style="">这里,资源URL告诉我们这个bundle。js提到了一个源映射,源映射URL告诉我们在哪里找到源映射数据(在本例中是相对于资源的)。这个错误告诉我们源映射不是JSON数据,所以我们正在为错误的文件服务。</span></p> <p><span style="">有一些常见的方法可以使源图出错;下面几节将详细介绍这些内容。</span></p> <p> </p> <p> </p> <p> </p> <h2 id="缺少或无法访问的源映射"><span style="">缺少或无法访问的源映射</span></h2> <p><span style="">源映射资源可能会丢失或无法访问。</span></p> <p><img alt="Source map file is missing" src="https://mdn.mozillademos.org/files/15429/missing-map.png" style="border-style: solid; border-width: 1px; display: block; height: 42px; margin: 0px auto; width: 733px;"></p> <p><span style="">这里的解决方法是确保文件已经被服务并且可以访问浏览器</span></p> <h2 id="无效的源图"><span style="">无效的源图</span></h2> <p><span style="">源映射数据可能是无效的——要么根本不是一个JSON文件,要么是一个不正确的结构。典型的错误消息是:</span></p> <ul> <li><code>SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data</code></li> <li><code>Error: "version" is a required argument</code></li> </ul> <p><img alt='Error: "version" is a required argument' src="https://mdn.mozillademos.org/files/15425/missing-field.png" style="border-style: solid; border-width: 1px; display: block; height: 45px; margin: 0px auto; width: 743px;"></p> <h2 id="原始失踪"><span style="">原始失踪</span></h2> <p><span style="">一个原始的源可能会丢失。在调试器中尝试打开原始源代码时,您可能会遇到这种情况。在这种情况下,信息看起来有点不同:</span></p> <p><img alt="Debugger source tab showing the error" src="https://mdn.mozillademos.org/files/15421/Screenshot%20from%202017-09-15%2014-32-02.png" style="border-style: solid; border-width: 1px; display: block; height: 35px; margin: 0px auto; width: 727px;"></p> <p><span style="">在这种情况下,错误也会显示在调试器的source选项卡中:</span></p> <p><img alt="Debugger source tab showing the error" src="https://mdn.mozillademos.org/files/15427/debugger-tab.png" style="border-style: solid; border-width: 1px; display: block; height: 109px; margin: 0px auto; width: 616px;"></p>