ESRI: не удалось проанализировать исходную карту


Ответы:


307

Chrome недавно добавил поддержку исходных карт в инструментах разработчика. Если вы перейдете в настройки на панели инструментов разработчика Chrome, вы увидите следующие два варианта:

Карты разработчика инструментов Chrome

Если вы отключите эти две опции и обновите браузер, он больше не будет запрашивать исходные карты.

Эти настройки можно найти здесь:

Карты разработчика инструментов Chrome


94
какая глупая «фича». Он должен просто загружать исходные карты, когда они доступны.
Задачи

8
В разделе «Внешний вид» в разделе «Внешний вид» указаны два раздела. Я выбрал Темную тему.
Стеропс

81
Я не думаю, что это ответ. Сокрытие ошибки - это не «исправление» ошибки. Вам нужно выяснить, почему у вас есть файл, ссылающийся на несуществующий файл исходной карты, и затем попытаться это исправить.
demisx

4
Просто предостережение - если вы отключите эти настройки, имейте в виду, что ваша вкладка сети НЕ будет показывать какую-либо активность трафика, если вы не нажмете F5 (на вкладке n / w)
James Poulose

3
Мне потребовалось некоторое время, чтобы найти эти настройки. Вот скриншот, показывающий, где они находятся: i.stack.imgur.com/JQcnN.png . Может быть, вы должны добавить это в свой ответ, чтобы людям было легче найти настройки.
Дональд Дак

34

Хотя выбранный ответ является хорошим ответом, чтобы скрыть ошибку, он не устраняет ошибку, просто ее нельзя увидеть в инспекторе. Другой способ - загрузить отсутствующий файл карты и поместить его в каталог assets / lib. Так, например, мне не хватало angular-route.min.js.mapфайла, и я зашел сюда https://code.angularjs.org/1.5.3/ (к правильной версии angular) и загрузил недостающий файл. Ошибка не исчезла сразу же, возможно из-за кеширования, но как только я перешел к реальному файлу в браузере, это сработало. http://sitename.localhost/assets/lib/angular-route.min.js.map, Теперь инспектор больше не отображает ошибку даже при включенных исходных картах.


4
Хотя исходные карты отлично подходят для работы с минимизированными файлами javascript, это сообщение об ошибке появляется и препятствует нормальной отладке, даже если вам не нужно / не нужно использовать исходные карты. Вы правы, что добавление исходной карты решило бы проблему, но если у вас их нет, вы захотите отключить эту опцию, чтобы разрешить обычную отладку.
Стеропсы

1
Это было полезно для меня, потому что я пытался настроить Backendless.min.js и видел Failed to parse SourceMapв консоли Chrome. Когда я переключился на использование несжатого Backendless.js (без .min), я не получил ошибку. Я думаю, может быть, исходные карты не имеют смысла при использовании минимизированного JavaScript? Я думаю, я мог бы попытаться настроить свою локальную среду разработки для использования несжатых исходных карт JS +, и только производственная среда использовала сжатый JS.
Райан

16

В дополнение к простому отключению исходных карт в Chrome - я немного покопался и обнаружил, что использование Web Essentials для создания исходных карт, похоже, является проблемой.

По какой-то причине, если я использую внешний компилятор (Koala), я могу успешно создавать рабочие исходные карты в Chrome (без ошибок). Принимая во внимание, что если я использую Web Essentials, исходные карты не будут проанализированы.

Надеюсь, это кому-нибудь поможет.


3
Вы нашли какое-нибудь слово от команды Web Essentials по этому поводу? Я думаю, что у нас та же проблема.
jtheis

2
К сожалению, я ничего не могу найти по этому поводу - я нахожусь в процессе расследования!
Вики

1
Исправление, связанное с Web Essentials, можно найти здесь: Google Chrome «Неудачный анализ SourceMap»: css.map (Web Essential)
Квентин С.

14

Исходный код CSS / JS мы обычно минимизируем / сжимаем. Теперь, если мы хотим отладить эти минимизированные файлы, мы должны добавить следующую строку в конце минимизированного файла.

/*# sourceMappingURL=bootstrap.min.css.map */

Это сообщает компилятору, где находится исходный файл.

В случае с JS это имеет смысл,
но в случае с CSS это фактически отладка SCSS.

Чтобы удалить Предупреждение: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.


8

У меня была такая же проблема, потому что .htaccessимеет неправильные настройки:

RewriteEngine на
RewriteRule!. (Js | gif | jpg | png | css) $ index.php


Я решил это, изменив файл:

RewriteEngine на
RewriteRule!. (Js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | map ) $ index.php


что это? Apache? Это веб-сервер или просто плагин?
Василий Суриков

4

Иногда это может быть вызвано установленными вами расширениями Chrome. Например, AdBlock .

К сожалению, лучшее решение, которое я смог найти, - отключить нарушающее расширение.


Это было очень полезно. Спасибо, проблема действительно была от Adblock Plus.
Таранис

3

Когда у меня возникла эта проблема, причиной была относительная ссылка на файлы шаблонов при использовании модуля ui.bootstrap.modal .

templateUrl: 'js/templates/modal.html'

Это работает из корневого домена ( www.example.com ), но при добавлении пути ( www.example.com/path/ ) ссылка разрывается. В моем случае ответом было просто сделать ссылку абсолютной ( js / -> / js / ).

templateUrl: '/js/templates/modal.html'


Пожалуйста, проверьте этот URL, будет полезно поднять качество вашего контента
Вилли Ченг

11
Спасибо, Вилли, я прочитал руководство. Вы чувствовали, что с моим ответом что-то не так?
Робстарбак

2

Ошибка в Google DevTools вызвана расширениями Google.

  1. Я нажал на значок Google в браузере
  2. создал профиль гостя в нижней части всплывающего окна.
  3. Затем я вставил свой локальный адрес и вуаля!

Больше нет ошибок в консоли.


0

Проверьте, используете ли вы какое-либо расширение Chrome (ночной режим или что-то еще). Отключите это и посмотрите, пропало ли «инъекция».


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.