files/es/tools/debugger/source_map_errors/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

---
title: Source map errors
slug: Tools/Debugger/Source_map_errors
tags:
  - Consola
  - Debugger
  - Depurador
  - Herramientas
  - Source maps
  - mapas fuente
translation_of: Tools/Debugger/Source_map_errors
---
<div>{{ToolsSidebar}}</div>

<p class="summary">Los mapas fuente son ficheros JSON que proporcionan una forma de asociar las fuentes transformadas, tal como las ven los navegadores, con su fuente original, tal como fue escrita por el desarrollador. A veces puedes encontrar problemas trabajando con los mapas fuente.  Esta página explica los problemas más comunes y como resolverlos.</p>

<div class="note">
<p><strong>Nota</strong>: Si no conoces los mapas fuente, puedes aprender más sobre ellos en  <a href="/en-US/docs/Tools/Debugger/How_to/Use_a_source_map">Como usar un mapa fuente</a>.</p>
</div>

<h2 id="Informe_de_errores_general_de_mapas_fuente">Informe de errores general de mapas fuente</h2>

<p>Si ves un problema, aparecerá un mensaje en la consola web. Este mensaje mostrará un mensaje de error, la dirección URL del recurso, y la URL del mapa fuente:</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>Aquí, la URL del recurso nos dice que <code>bundle.js</code> hace mención a un mapa fuente, y la URL del mapa fuente nos dice dónde encontrar los datos del mapa fuente (en este caso, relativo al recurso).  El error nos dice que el mapa fuente no son datos en formato JSON — por tanto estamos proporcionando el archivo erroneo.</p>

<p>Hay unas cuantas formas en las que los mapas fuente pueden ir mal; Estas se detallan en las siguientes secciones.</p>

<h2 id="Mapa_fuente_no_encontrado_o_inaccesible">Mapa fuente no encontrado o inaccesible</h2>

<p>El mapa fuente puede estar desaparecido o inaccesible.</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>Para arreglarlo debemos asegurarnos que el fichero existe y esta siendo servido y es accesible por el navegador.</p>

<h2 id="Mapa_fuente_invalido">Mapa fuente invalido</h2>

<p>El mapa fuente puede ser inválido — bien porque no es un fichero en formato JSON o porque tiene una estructura incorrecta. Los típicos mensajes de error son:</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="Fuente_original_no_encontrada">Fuente original no encontrada</h2>

<p>La fuente original podría estar desaparecida. Este mensaje puede encontrarse cuando se intenta abrir una de las fuentes originales en el debugger. El mensaje parece un poco diferente en este caso:</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>En este caso, el error tambien se mostrará en el debugger en la pestaña de la fuente:</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="Error_de_red_intentando_acceder_al_recurso._NetworkError_when_attempting_to_fetch_resource">Error de red intentando acceder al recurso. (NetworkError when attempting to fetch resource)</h2>

<p>Un bug de Firefox evita que los mapas fuente se descarguen para las extensiones y complementos.</p>

<p>Visita <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1437937">Bug 1437937: WebExtensions Doesn't Find Source Maps</a> para más detalles.</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>La única forma de corregir este error es cambiando manualmente la URL del mapa a una pública (http://localhost:1234/file.map.js) y arrancar un servidor web local en el puerto establecido.</p>