Chrome не загружает исходные карты CSS?

До недавнего времени браузер Chrome загружал файлы исходной карты CSS правильно. Теперь это не так.

Настройка включена:

enter image description here

И в файлах CSS есть тег сопоставления источника внизу:

/*# sourceMappingURL=Home.cshtml.css.map */

Но вкладка "Сеть" и Fiddler2 показывают, что Chrome даже не пытается загрузить файл исходной карты.

Есть ли что-то, что мне не хватает? Правильно ли синтаксис sourceMappingURL? Я включил и отключил настройку "Включить исходные карты CSS".

Версия Chrome: 44.0.2403.30 бета-м

Файлы Sourcemap, созданные веб-Essentials в VS 2013.

ОТВЕТЫ

Ответ 1

Вы можете выполнить следующие шаги:

1- удалить файл карты и снова восстановить его.

2- Используя инспектор хрома, откройте "Настройки" > "Общие", а затем нажмите кнопку "Восстановить значения по умолчанию и перезагрузить"

Ответ 2

Когда в файле CSS есть sourcemapping, встроенный в качестве base64, тогда он работает нормально.

Например:

/*# sourceMappingURL=data:application/json;base64,eyJ2....5235== */

Ответ 3

О, МОЙ БОГ! Проблема свела меня с ума! Я обнаружил, что файл CSS не является полным. Вот что я сделал, чтобы решить проблему:

  1. Убедитесь, что карты CSS включены в настройках инструментов Dev.
  2. Проверьте конец файла CSS, содержит ли он ссылку на исходную карту.
  3. Нажмите Shift + Click on the refresh button чтобы принудительно обновить ресурсы.

Ответ 4

Ваш код кажется нормальным, единственная причина, по которой он не отражает изменения, потому что вы загружаете кэшированный CSS файл. Чтобы загрузить новый файл CSS, вам нужно удерживать Shift и нажать кнопку перезагрузки, чтобы попросить Chrome перезагрузить все файлы, а не загружать их из кассы.

Ответ 5

Каждый файл scss должен быть доступен извне, чтобы это работало? У меня настроены карты CSS, но я вижу, что каждый обрабатываемый файл .scss недоступен из браузера.