---
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">Source maps sind JSON files, die einen Weg bieten, transformierte Quellen, so wie sie vom Browser gesehen werden, mit Original Sourcen, so wie sie von einem Entwickler geschrieben wurden, in Einklang zu bringen. Manchmal erhält man Fehler, wenn man mit source maps arbeitet. Diese Seite erklärt die Probleme, die am häufigsten auftreten und wie man diese Probleme beheben kann.</p>

<div class="note">
<p><strong>Anmerkung</strong>: Wenn Sie mehr über das Thema source maps erfahren möchten, klicken Sie hier: <a href="/en-US/docs/Tools/Debugger/How_to/Use_a_source_map">How to use a source map</a>.</p>
</div>

<h2 id="Allgemeines_source_map_error_reporting">Allgemeines source map error reporting</h2>

<p>Wenn Sie ein Problem sehen, erscheint eine Meldung in der Webconsole. Diese Meldung enthält eine Fehlermeldung, die URL der Ressource und die URL der source map:</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>Hier wird uns mitgeteilt, dass <code>bundle.js</code> eine source map voraussetzt und die URL der source map sagt uns, wo die source-map-Daten zu finden sind (in diesem Fall relativ zur Ressoucre). Der Fehler teilt uns mit, dass die source map nicht im JSON-Format vorliegt - wir bieten also die falsche Datei an.</p>

<p>Source maps können in ein paar allgemeinen Fällen fehlerhaft sein; die folgenden Abschnitte beschrieben diese Fälle.</p>

<h2 id="Source_map_nicht_vorhanden_oder_nicht_zugreifbar">Source map nicht vorhanden oder nicht zugreifbar</h2>

<p>Auf die source map Ressource kann nicht zugegriffen werden oder sie ist nicht vorhanden.</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>Die Lösung ist hier, sicherzustellen, dass auf die Datei zugegriffen werden kann.</p>

<h2 id="Ungültige_source_map">Ungültige source map</h2>

<p>Die Source Map Daten können ungültig sein — entweder, es ist überhaupt kein JSON file, oder es hat eine ungültige Struktur. Typische Fehlermeldungen sind hier:</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="Originale_Quelle_fehlt">Originale Quelle fehlt</h2>

<p>Es kann sein, dass eine originale Quelle fehlt. Sie werden dies eventuell feststellen, wenn Sie versuchen, eine der Original Sourcen im Debugger zu öffnen. Die Meldung sieht in diesem Fall ein bisschen anders aus:</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>In diesem Fall wird die Meldung auch im Source Tab im Debugger angezeigt:</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>

<h2 id="Netzwerkfehler_beim_Zugriff_auf_die_Ressource">Netzwerkfehler beim Zugriff auf die Ressource</h2>

<p>Ein Fehler in Firefox verhindert, dass die Source map für web extensions geladen wird.</p>

<p>Details dazu finden Sie hier: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1437937">Bug 1437937: WebExtensions Doesn't Find Source Maps</a>.</p>

<pre class="syntaxbox"><span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body">Source-Map-Fehler: TypeError: NetworkError when attempting to fetch resource.
 Ressourcen-Adresse: moz-extension://c7f0f003-4fcf-49fd-8ec0-c49361266581/background.js
 Source-Map-Adresse: background.js.map</span></span></span></pre>

<p>Der einzige Weg, dies zu umgehen, besteht darin, die URL manuell auf eine öffentliche Adresse (http://localhost:1234/file.map.js) zu ändern und einen lokalen Webserver auf diesem Port zu starten.</p>