JQuery-1.10.2.min.map jQuery вызывает 404 (не найден)

1061

Я вижу сообщения об ошибке файла min.map, будучи не найденным:

ПОЛУЧИТЬ jQuery jquery-1.10.2.min.map вызывает 404 (не найден)

Скриншот

введите описание изображения здесь

Откуда это?

javascript jquery google-chrome-devtools

— Пол Ирландский
источник

1

Чтобы исправить мою проблему, я не следовал за деталями этого ответа. Мой сайт использует только файл js, а не карту. Я просто очистил кеш браузера, чтобы решить эту проблему, и перезапустил браузер. Это начало происходить, когда я начал получать ошибку 500 Internal Server на встроенном обработчике ASP.NET (ExtDirectProxy.ashx) и передал данные в jquery для загрузки страницы. stackoverflow.com/questions/26135251/…

— MacGyver

1

измените нужную

— Iman

1

Это замедляет загрузку, так как браузеры загружают ее, даже если она не нужна.

— Квентин 2

1

@ Quentin2 согласно html5rocks.com/en/tutorials/developertools/sourcemaps Файл исходной карты будет загружен, только если у вас включены исходные карты и открыты инструменты разработки.

— Математики

1271

Если Chrome DevTools сообщает 404 для файла .map (может быть jquery-1.10.2.min.map, jquery.min.mapили jquery-2.0.3.min.map, но может случиться с чем угодно), первое, что нужно знать, - это запрашивается только при использовании DevTools. Ваши пользователи не будут попадать в этот 404.

Теперь вы можете это исправить или отключить функцию карты исходного кода.

Исправлено: получить файлы

Далее это легко исправить. Перейдите на http://jquery.com/download/ и нажмите ссылку Загрузить файл карты для своей версии, и вы также захотите скачать несжатый файл.

введите описание изображения здесь

Наличие файла карты позволяет отлаживать минимизированный jQuery через исходные источники, что сэкономит много времени и усилий, если вам не нравится работать с именами переменных, такими как aи c.

Подробнее об исходных картах здесь: Введение в исходные карты JavaScript

Dodge: отключить исходные карты

Вместо того, чтобы получать файлы, вы можете пока полностью отключить исходные карты JavaScript в ваших настройках. Это хороший выбор, если вы никогда не планируете отлаживать JavaScript на этой странице. Используйте значок Cog в правом нижнем углу DevTools, чтобы открыть настройки, затем: введите описание изображения здесь

— Пол Ирландский
источник

9

Я голосую за это (даже если вы ответили на свой вопрос), потому что впервые я заметил это сегодня. Это сводило меня с ума, пытаясь понять это, потом я заметил ту же ошибку 404 на 2 сайтах, над которыми я работал, и пришла в голову опция «включить исходные карты» ... вот что я получаю, наблюдая за вашими инструментами разработки разговаривает и включает все сразу. Я перейду к документам, которые вы предоставили.

— adam-asdf

47

У меня есть две вещи, чтобы добавить. 1) Загрузка файла карты jQuery не достаточно, вам также потребуется несжатый исходный код (в противном случае вы увидите пустой файл jquery - *. Js при отладке). 2) Если вы загружаете jQuery из одного из CDN, все три файла (исходный код, сжатый и несжатый) находятся в одном месте, и вы можете сразу же начать отладку.

— Конрад Дзвинел

42

Я не уверен, что 404 должен быть поднят для этого из DevTools, это сбивает с толку людей, кажется. Тем не менее, по крайней мере, теперь я знаю, как с этим бороться. Также @ adam-asdf только для того, чтобы вы знали, что вам активно предлагается ответить на свой собственный вопрос на SO ... meta.stackexchange.com/questions/17845/…

— Грег

12

Я согласен с @Greg. Появление ошибки 404 в консоли для исходной карты (которая была запрошена от имени Chrome / DevTools) не кажется очень полезной. Тем более, что многие люди даже не поймут, почему (или откуда) этот ресурс запрашивается.

— idbehold

9

@ SpYk3HH Совершенно нормально принять свой собственный ответ, и редактирование сторонних библиотек не очень рекомендуется .. потому что, если вы захотите обновить материал, вы забудете, что было изменено.

— Липис

276

Вы можете удалить 404, удалив линию

//@ sourceMappingURL=jquery-1.10.2.min.map

из верхней части вашего файла JQuery.

Верхняя часть файла jQuery будет выглядеть следующим образом.

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-1.10.2.min.map
*/

Просто измените это на

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */

Назначение исходной карты

По сути, это способ сопоставить объединенный / свернутый файл обратно с непостроенным состоянием. Когда вы создаете для производства, наряду с уменьшением и объединением ваших файлов JavaScript, вы генерируете исходную карту, которая содержит информацию о ваших исходных файлах. Когда вы запрашиваете определенную строку и номер столбца в сгенерированном JavaScript, вы можете выполнить поиск на исходной карте, которая возвращает исходное местоположение. Инструменты разработчика (в настоящее время ночные сборки WebKit, Google Chrome или Firefox 23+) могут автоматически анализировать исходную карту и отображать ее так, как будто вы используете незакрепленные и не объединенные файлы. (Подробнее об этом здесь )

— kiranvj
источник

Извините, я имел в виду: был ли случай, когда мне понадобилась бы эта линия?

— Флион

6

Требуется только тогда, когда вам нужно отладить минимизированный исходный код JS. Проверьте 2-й абзац здесь для более подробной информации html5rocks.com/en/tutorials/developertools/sourcemaps

— kiranvj

5

Жаль, что я видел это, прежде чем делать выбранный ответ. Это намного проще и ДОЛЖНО быть основным ответом. Самостоятельный ответ оператора хорош для информации, но, безусловно, второстепенен, так как это первый вопрос, который возникает, когда он ищет, как избавиться от этого раздражения.

— SpYk3HH

13

Редактирование библиотек, чтобы избавиться от таких вещей, не является хорошим выбором. Каждый раз, когда вы обновляете jquery, эта строка будет снова там.

— Арман П.

6

По состоянию на январь 2014 года ссылки на исходные карты не включены в дистрибутив jQuery.

— Дэн Эспарза

44

Как было объявлено в jQuery 1.11.0/2.1.0 Beta 2 Releasedисходной карте, комментарий будет удален, поэтому проблема не появится в более новых версиях jQuery.

Вот официальное объявление:

Одним из изменений, которые мы внесли в эту бета-версию, является удаление комментария к исходной карте. Sourcemaps оказались очень проблематичной и загадочной для разработчиков, генерируя множество запутанных вопросов на форумах, таких как StackOverflow, и заставляя пользователей думать, что сам jQuery был сломан.

В любом случае, если вам нужно использовать исходную карту, она все равно будет доступна:

Мы по-прежнему будем генерировать и распространять исходные карты, но вам нужно будет добавить соответствующий комментарий исходной карты в конце уменьшенного файла, если браузер не поддерживает ручное сопоставление файлов карт (в настоящее время никто этого не делает). Если вы сгенерируете свой собственный файл jQuery с использованием пользовательского процесса сборки, комментарий к исходной карте будет представлен в минимизированном файле, и карта будет сгенерирована; Вы можете оставить его и использовать исходные карты или отредактировать его и полностью игнорировать файл карты.

Здесь вы можете найти более подробную информацию об изменениях.

Здесь вы можете найти подтверждение, что с jQuery 1.11.0/2.1.0 Releasedкомментарием карты источника в минимизированном файле удаляется.

— gotqn
источник

1

Но если бы не эта путаница, я бы никогда не посмотрел здесь и не знал, что карты существуют. Я вручную добавлял пробелы в минимизированные файлы, в которые хотел заглянуть.

— Ледяной воды

1

В браузере Chrome есть кнопка, которая довольно просто отформатирует минимизированный файл. Онлайн преттификаторы также доступны.

— Квентин 2

41

Загрузите файл карты и несжатую версию jQuery .
Поместите их с уменьшенной версией:
Включите уменьшенную версию в ваш HTML :
Проверьте в Google Chrome:
Прочитайте Введение в исходные карты JavaScript
Познакомьтесь с отладкой JavaScript

— kayz1
источник

16

Новые версии jQuery требуют этот файл http://code.jquery.com/jquery-1.10.2.min.map

Удобство использования этого файла описано здесь http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

Обновить:

JQuery 1.11.0 / 2.1.0

// комментарий sourceMappingURL не включен в сжатый файл .

— Андрес Сепар
источник

3

Нет, я не верю, что jQuery "требует" этот файл. Это требуется только в том случае, если вы хотите использовать исходную карту при отладке, и в этом случае необходимы и файл src, и файл карты.

— Styfle

1

Привет @styfle, исходная карта была необходима в версии 1.10.2, но с версии 1.11.0 / 2.1.0 ее нужно добавить вручную, потому что на многих пользователей повлияла ошибка, возникшая в консоли браузера

— Andres Separ

9

Как я понимаю, браузер, по крайней мере, Chrome, по умолчанию не отключает отображение источника. Это означает, что пользователи вашего приложения по умолчанию будут запускать этот запрос сопоставления источника.

Вы можете удалить исходное сопоставление, удалив //@ sourceMappingURL=jquery.min.mapиз своего файла JavaScript.

— Джеймс Дж. Йе
источник

9

Если вы хотите получить исходный файл карты другой версии, вы можете воспользоваться этой ссылкой http://code.jquery.com/jquery-x.xx.x.min.map

Вместо x.xx.x введите номер вашей версии.

Примечание: некоторые ссылки, которые вы получаете по этому методу, могут быть неработающими :)

— Andriyun
источник

8

После следования инструкциям в других ответах мне нужно было удалить версию из файла карты, чтобы это работало на меня.

Пример: переименовать

jquery-1.9.1.min.map

в

jquery.min.map

— drobison
источник

6

Мне представили ту же проблему. Причиной для меня было объединение моего файла JavaScript с помощью Grunt .

Я использовал ;\nв качестве разделителя, который привел путь к исходной карте до 404.

Так Dev инструменты искал jquery.min.map;вместо jquery.min.map.

Я знаю, что это не ответ на первоначальный вопрос, но я уверен, что есть другие с подобной конфигурацией Grunt.

— nickspiel
источник

5

jQuery 1.11.0 / 2.1.0 комментарий // sourceMappingURL не включен в сжатый файл.

— user3235672
источник

1

Предполагая, что вы проверили, что файл действительно присутствует на сервере, это также может быть вызвано тем, что ваш веб-сервер ограничивает типы файлов, которые обслуживаются:

В Apache это можно сделать с помощью директивы <FilesMatch> или RewriteRule, если вы используете mod_rewrite.
В IIS вам нужно обратиться к файлу Web.config .

— Molomby
источник