Bootstrap пытается загрузить файл карты. Как это отключить? Мне нужно это делать?

128

Недавно играю с bootsrap3. Я скомпилировал его из исходников и включил в свой проект distr js и css. Дело в том, что я вижу в инструментах GH dev, что он пытается получить файл .map.css. Почему он так хочет? Как это отключить? Мне нужно отключить его? Чтобы не было отметки об ошибке в инструментах разработчика, я добавил этот файл карты, после чего все стили отображаются так, как они определены, в меньшем количестве файлов, что мне не очень помогает.

twitter-bootstrap  twitter-bootstrap-3 
— dhblah
источник
5
Есть ли ответ на ваш вопрос из приведенных ниже ответов? Если нет, можете ли вы обновить свой вопрос, чтобы мы могли улучшить наши ответы?
— Доминик Жукевич
— Оливер-Клэр

Ответы:

163

Удалить строку /*# sourceMappingURL=bootstrap.css.map */изbootstrap.css

— user2779632
источник
38
Кратко объясните свой ответ, чтобы ваш ответ был более полезным для OP и других читателей.
— Мохит Джайн
9
Это работает, но если на bootstrap ссылаются непосредственно из node_modules, при повторной установке bootstrap он будет перезаписан обратно
— Александр
2
Вот Это Да! Совершенно безумно ... это работает, только если вы "удалите" строку (как вы сказали) ... комментирование по-прежнему приводит к ошибке 404! Рад, что наткнулся на ваш пост!
— flipflopmedia
120

Файлы .map позволяют браузеру загружать полную версию миниатюрного JS. Это действительно для целей отладки.

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

Вот почему библиотеки, такие как jQuery, также имеют полный, минимизированный и файл карты.

См. Эту статью для полного объяснения файлов .map :

— Доминик Жукевич
источник
1
Их скачивает? Отсюда? Я предположил, что эти файлы .less каким-то образом упакованы внутри файла карты. И при загрузке страницы bootrap воссоздает эти файлы из пакета.
— dhblah
1
Из того же каталога он получает .js из. Помните, что это только тогда, когда инструменты разработчика открыты, а не как обычный запрос.
— Доминик Жукевич
Спасибо за ответ, но .lessв моем проекте нет файлов. Я только добавил .cssи .jsфайлы и этот mapфайл.
— dhblah
1
@Raymond: Инструменты разработчика не понимают имена файлов, такие как .min.css - в конце концов - можем ли мы гарантировать, что он уменьшен? Нет ... он загрузит .map только для того, чтобы убедиться, что у него есть обе копии. Опять же, это включается с помощью инструментов разработчика. Если вы закроете окно инструментов, оно не будет запрашиваться.
— Доминик Жукевич
3
Повторяю, файл .map запрашивается и используется только тогда, когда открыты инструменты разработчика, поэтому, если он отсутствует, вы не получите никаких дополнительных неудачных запросов, когда обычные пользователи переходят на вашу страницу.
— tomf 06
17

Удалите строку "/*# sourceMappingURL=bootstrap.min.css.map */ "в следующих файлах.

  • CSS / bootstrap.min.css
  • CSS / bootstrap.css

Чтобы получить путь к файлу в Linux, используйте команду find / -name "\*bootstrap\*"

— Авинаш Канчарла
источник
Файлы исходной карты, такие как bootstrap.min.css.map, создаются автоматически в процессе минификации / компиляции файлов. На самом деле они не нужны для производства, но при этом занимают в 3 раза больше дискового пространства, чем те, которые они отображают. Вот почему мы не включаем их в релиз. Если вы хотите просто удалить это сообщение, вы можете либо удалить комментарии вроде / * # sourceMappingURL = bootstrap.min.css.map * / в bootstrap.min.css, bootstrap.min.js и popper.min.js, либо загрузить исходный код map файлы из выпуска Bootstrap 4.1.3 и поместите их в каталог libs.
— Аджай Такур,
17

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

В любом случае, я счел полезным просто отключить это поведение в dev-tools : откройте настройки и снимите флажок «Включить исходные карты».

Попытки получить доступ к файлам карт больше не будут.

— Shovalt
источник
Я думаю, это могут быть наиболее подходящие ответы. Другие актуальны только в том случае, если упомянутые файлы упакованы вместе с вашим приложением - что бывает не всегда.
— Лукино
6

Если у вас нет правильного файла .map и вы не хотите редактировать строки в bootstrap.css, вы можете создать фиктивный файл .map.

В моем случае я увидел ошибку:

GET /bootstrap.css.map not found.

Поэтому я создал пустой файл bootstrap.css.map в каталоге / public, и ошибка прекратилась.

— Джулиан Манн
источник
1
Не работает bowerили что-то в этом роде, потому что в производственном режиме будет установлена ​​начальная загрузка из источника. То же самое для любого ответа, в котором говорится об удалении строки /*# sourceMappingURL=bootstrap.css.map */.
— monteirobrena
4

Удалить / * # sourceMappingURL = bootstrap.min.css.map * / в css / bootstrap.min.css

и удалите / * # sourceMappingURL = bootstrap.css.map * / в css / bootstrap.css

— Серхио Перес
источник
1

Из bootstrap.css удалите удалите последнюю строку / * # sourceMappingURL = bootstrap-theme.css.map * /

— Saineshwar
источник
1

У меня также были предупреждения в Google Dev-Tools, и я добавил только файл bootstrap.min.css.map в ту же папку, где находится bootstrap.min.css.

У меня больше нет предупреждений, и вы можете найти больше объяснений здесь: https://github.com/twbs/bootstrap#whats-included

Надеюсь, я ответил на ваш вопрос.

— SVANSKI
источник
1

Для меня создал пустой bootstrap.css.map вместе с bootstrap.css, и ошибка прекратилась.

— fw0213
источник
1

Удаление этой строки исправляет ее, но проблема в том, что файлы boostrap находятся в системе контроля версий, bower_componentsа не проверены.

Итак, каждый разработчик в команде получит файл css со ссылкой на карту, когда они извлекут репо и сделают это bower install(что является частью использования нового репо).

В файле не должно быть ссылки на карту, которой нет.

— Стив
источник
1

Хорошо Недавно я столкнулся с этой проблемой. У меня есть очень простое решение для решения этой проблемы, выполните следующие действия: перейдите в эти каталоги src-> app-> index.html, откройте index.html и найдите, <base href="your app name ">измените его на<base href="https://stackoverflow.com/">

— Сачин из Пуны
источник
0

Удалите последнюю строку в bootstrap.css

после lin / * # sourceMappingURL = bootstrap.css.map * /

— user1498608
источник
попробуйте объяснить проблему и способы ее решения, это хорошая практика, которая позволяет новому пользователю узнать, что произошло
— Панкадж Нимгаде,
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.