2014-09-15 6 views
1

Я только что обновил наш файл gulp, чтобы включить последнюю версию gulp-ruby-sass, поэтому мы могли бы использовать функцию soucemaps, включенную в последнюю версию Sass.Почему Chrome не видит мою исходную карту css?

Я подтвердил, что исходная карта выводится в папку CSS проекта, но хром ее не читает.

«Включить исходные карты CSS» проверяется в инструментах dev, и я запускаю последнюю версию Chrome (37.0.2062.120), и я могу видеть исходные карты в других проектах.

Вот сгенерированный sourcemap:

{ 
    "version": 3, 
    "mappings": ";;AAQA,IAAK,GACH,....bunch more JSON gobbley gook], 
    "names": [], 
    "file": "style.css" 
} 

Что я здесь отсутствует?

+0

, какая версия дерзости вы используете? У меня недавно была эта же проблема, исходные карты просто не читаются. Мой источник карта код: '{ "версия": 3, "отображение": "масса отображений", "Источники": [ "много путей к файлам"], "имен": [], "file": "styles.css" } ' (Я не мог включить все сопоставления и источники). Вам кажется, что отсутствует раздел «Источники», но я не уверен. Вы решили проблему? –

+0

Я использую Grunt. Похоже, что комментарий к исходной карте не добавляется в мой скомпилированный файл css, когда sass скомпилирован с помощью моей задачи просмотра. Если я просто скомпилирую sass через мою задачу grunt, она добавляется, и хром читает карту. Возможно, это еще одна задача, связанная с этим, например, autoprefixer. Я буду исследовать и комментировать, если найду что-нибудь. –

ответ

3

Да, вы правильно @Mark Weston - это была проблема с глотком-autoprefixer: Оказывается, что Глоток-autoprefixer был зачистки вне комментария /*# sourceMappingURL=style.css.map */ в нижней части моего файла css.

Это открытый вопрос с глотком-autoprefixer: https://github.com/sindresorhus/gulp-autoprefixer/issues/1

+0

вопрос закрыт 2015-04-19 – chharvey

0

Попробуйте эти коды и быть осторожным с путями к файлам:

{ 
    "version": "3", 
    "mappings":"AAKA,EAAG;EACC,SAAS,EANF,IAAI;EAOX,KAAK" 
    "sources": ["content/style.css"], 
    "file": "style.css" 
} 

 Смежные вопросы

  • Нет связанных вопросов^_^