aboutsummaryrefslogtreecommitdiff
path: root/files/ru/tools/debugger/source_map_errors/index.html
blob: 0cc0e25ef2e44521f45243b92b225fbdbd4960a4 (plain)
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
---
title: Source map errors
slug: Tools/Debugger/Source_map_errors
translation_of: Tools/Debugger/Source_map_errors
---
<p>{{ToolsSidebar}}</p>

<p class="summary"><span id="result_box" lang="ru"><span>Исходные карты - это файлы JSON, обеспечивающие возможность связать преобразованные источники, как видно из браузера, с их исходными источниками, как написано разработчиком.</span> <span>Иногда вы можете столкнуться с проблемами, связанными с исходными картами.</span> <span>На этой странице объясняются наиболее распространённые проблемы и способы их устранения.</span></span></p>

<div class="note">
<p><span id="result_box" lang="ru"><span>Примечание. Если вы новичок в исходных картах, вы можете узнать больше о них в разделе </span></span><a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map"><span lang="ru"><span>Use_a_source_map</span></span></a></p>
</div>

<h2 id="Общий_отчёт_об_ошибках_исходной_карты"><span class="short_text" id="result_box" lang="ru"><span>Общий отчёт об ошибках исходной карты</span></span></h2>

<p><span id="result_box" lang="ru"><span>Если вы видите проблему, на веб-консоли появится сообщение.Это сообщение покажет сообщение об ошибке, URL-адрес ресурса и URL-адрес исходной карты:</span></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>Тут ресурс с URL говорит нам что <code>bundle.js</code> упомянут в карте исходников, и URL карты исходников  говорит нам где найти  данные для карты (в этом случае, относительно указанного ресурса "bundle.js.map").  Ошибка говорит нам что карта исходников  не является корректным JSON-ом — т.е. мы получили некорректный файл.</p>

<p>Есть несколько общих причин, почему карта может быть ошибочной; они подробно описаны в следующих разделах.</p>

<h2 id="Карта_исходников_отсутствует_или_недоступна">Карта исходников отсутствует или недоступна</h2>

<p>Ресурс карты исходников может отсутствовать, либо быть недоступным.</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>Для исправления ошибки убедитесь что файл существует и доступен для браузера.</p>

<h2 id="Некорректная_карта_исходников">Некорректная карта исходников</h2>

<p>Карта исходников может быть некорректной - не являться JSON-файлом, или иметь некорректную структуру. Типичное сообщение об ошибке таково:</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="Оригинальный_исходник_отсутствует">Оригинальный исходник отсутствует</h2>

<p>Оригинальный исходник может отсутствовать.  Вы можете столкнуться с этим, при попытке открыть оригинальный исходник в отладчике. Сообщение об ошибке в этом случае немного отличается:</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>В этом случае ошибка будет также отображена во вкладке исходника в отладчике:</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>