Я отримую цю помилку в консолі розробника Google Chrome.
Не вдалося розібрати SourceMap: http: // localhost: 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
Як це виправити?
ESRI: Не вдалося розібрати вихідну карту
Відповіді:
Нещодавно Chrome додав підтримку вихідних карт в інструментах для розробників. Якщо ви перейдете до налаштувань на панелі інструментів для розробників хрому, ви побачите наступні два варіанти:
Якщо ви вимкнете ці два варіанти та оновлюєте веб-переглядач, він більше не повинен запитувати вихідні карти.
Ці параметри можна знайти тут:
94
яка дурна "риса". Він повинен просто завантажувати вихідні карти, коли вони доступні.
—
ПроблемиOfSumit
Два розділи вгору від цього знімка екрана під зовнішнім виглядом - це тема. Я вибрав темну тему.
—
Стеропи
Я не думаю, що це відповідь. Сховати помилку - це не «виправити» її, насправді. Вам потрібно з’ясувати, чому у вас в першу чергу файл із посиланням на неіснуючий файл вихідної карти, а потім спробувати це виправити.
—
демікс
Просто слово обережності - якщо ви вимкнете ці налаштування, пам’ятайте, що вкладка мережі НЕ відображатиме ніякої активності в трафіку, якщо ви не натиснете F5 (на вкладці n / w)
—
James Poulose
Мені знадобилося деякий час, щоб знайти, де були ці налаштування. Ось скріншот із зазначенням того, де вони знаходяться: i.stack.imgur.com/JQcnN.png . Можливо, ви повинні додати це до своєї відповіді, щоб людям було легше знайти налаштування.
—
Дональд Дак
Хоча обрана відповідь є хорошою відповіддю, щоб приховати помилку, але вона не змушує помилитися, це просто те, що ви не можете побачити її в інспекторі. Інший спосіб полягає у завантаженні відсутнього файлу карти і помістіть його в каталог активів / lib. Так, наприклад, мені не вистачало angular-route.min.js.mapфайлу, і я зайшов сюди https://code.angularjs.org/1.5.3/ (до правильної версії angular) і завантажив файл, що відсутній. Помилка не зникла одразу, можливо, через кешування, але одного разу я перейшов до фактичного файлу в браузері. http://sitename.localhost/assets/lib/angular-route.min.js.map. Тепер інспектор більше не відображає помилку навіть із включеними вихідними картами.
Хоча вихідні карти чудово підходять для роботи з мінімізованими файлами javascript, це повідомлення про помилку з’являється і перешкоджає нормальній налагодженню, навіть коли вам не потрібно / хочете використовувати вихідні карти. Ви маєте рацію, що додавання вихідної карти вирішить проблему, але якщо у вас їх немає, вам потрібно буде відключити цю опцію, щоб дозволити звичайну налагодження.
—
Стеропи
Це було мені корисно, оскільки я намагався налаштувати Backendless.min.js і бачив
—
Райан
Failed to parse SourceMapу консолі Chrome. Коли я перейшов на використання нестисненого Backendless.js (без цього .min), я не отримав помилку. Я думаю, що, можливо, вихідні карти не мають сенсу при використанні мінімізованого JavaScript? Я думаю, я міг би спробувати налаштувати своє місцеве середовище розробників для використання нестиснених вихідних карт JS +, а лише виробниче середовище використовувати стиснений JS.
Крім простого відключення вихідних карт у Chrome - я трохи прокопав і виявив, що використання веб-програм Essentials для створення вихідних карт є проблемою.
З будь-якої причини, якщо я використовую зовнішній компілятор (Koala), я можу успішно створити карти робочого джерела в Chrome (без помилок). Якщо я використовую Web Essentials, вихідні карти не зможуть розібратися.
Сподіваюся, що це комусь допоможе.
Ви знайшли якесь слово від команди Web Essentials щодо цього? Я думаю, у нас однакова проблема.
—
jtheis
На жаль, я нічого не можу знайти про це - я в процесі дізнання!
—
Вікі
Виправлення, пов’язане з Web Essentials, можна знайти тут: Google Chrome «Не вдалося розібрати SourceMap»: css.map (Web Essential)
—
Квентін С.
Вихідний код CSS / JS ми зазвичай мінімізували / стискали. Тепер, якщо ми хочемо налагодити ці мінімізовані файли, тоді нам доведеться додати наступний рядок в кінці зведеного файлу
/*# sourceMappingURL=bootstrap.min.css.map */Це повідомляє компілятору, де насправді відображений вихідний файл.
У випадку JS це має сенс,
але у випадку CSS - фактична налагодження SCSS.
Щоб видалити Попередження: remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.
У мене була така ж проблема, оскільки .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
що це? Апач? Це веб-сервер чи просто плагін?
—
Василь Суріцов
Іноді це може бути викликано встановленими розширеннями Chrome. Наприклад, AdBlock .
На жаль, найкращим рішенням, яке я міг знайти, було відключення розширення, що порушує правопорушення.
Це було дуже корисно. Дякую, проблема справді була від Adblock Plus.
—
Тараніс
Коли у мене виникло це питання, причиною було відносне посилання на файли шаблонів при використанні модуля ui.bootstrap.modal .
templateUrl: 'js/templates/modal.html'
Це працює з кореневим доменом ( www.example.com ), але коли додається шлях ( www.example.com/path/ ), посилання переривається. У моєму випадку відповідь полягала в тому, щоб зробити еталон абсолютним ( js / -> / js / ).
templateUrl: '/js/templates/modal.html'
Перевірте цю URL-адресу. Буде корисно підняти якість вмісту
—
Віллі Ченг,
Дякую Віллі, я прочитав рекомендації. Чи відчували ви, що в моїй відповіді щось не так?
—
robstarbuck
Помилка в Google DevTools викликана розширеннями Google.
- Я натиснув на іконку Google у браузері
- створили профіль гостя внизу спливаючого вікна.
- Потім я вставив свою адресу localhost та вуаля !!
Більше помилок у консолі більше немає.
Перевірте, чи використовуєте ви розширення Chrome (нічний режим чи щось інше). Вимкніть це і подивіться, чи "ін'єкція" зникла.
Я помітив цю проблему через розширення AdBlock, я вимкнув розширення AdBlock, яке вирішило проблему.