2014-09-26 2 views
3

У меня есть файл app.scss, который скомпилирован в CSS с помощью Глоток-рубиновой дерзости штрафа, проблема в том, что в моей консоли я всегда эта ошибка:css.map не найден с помощью Глоток-рубиновой-дерзость

GET http://localhost:8100/css/app.css.map 404 (Not Found) 

I dont Фактически Остерегайтесь слишком многого, чтобы увидеть предварительно обработанный файл, когда я проверяю в браузере (я нахожу, что визуализированный CSS лучше обнаруживать ошибки). Я бы хотел, чтобы это сообщение об ошибке исчезло.

Я использую Gulp для создания приложения, и для целей этого вопроса это означает, что файлы перемещаются из одной папки в другую для обслуживания.

Я попытался создать один с

sass css/app.scss:css/somethingelse.css --sourcemap 

Но это только привело:

DEPRECATION WARNING: Passing --sourcemap without a value is deprecated. 
Sourcemaps are now generated by default, so this flag has no effect. 

В нижней части моего оказанной CSS У меня есть этот комментарий:

/*# sourceMappingURL=app.css.map */ 

Мои сборки файл содержит следующее:

gulp.task('styles', function() { 
    gulp.src([appDir + '/www/css/*.css', './commons/styles/main.scss', appDir + '/www/css/*.scss']) 
    .pipe(plugins.rubySass({style: 'expanded'})) 
    .pipe(plugins.autoprefixer('last 1 version')) 
    .pipe(plugins.concat('app.css')) 
    .pipe(gulp.dest(buildDir + '/www/css')); 
}); 

Я также попытался добавить sourcemap: 'none' в конструктор rubySass.

Любая идея, что вызывает это?

+0

Почему вы обжигающе '.css' файлы' rubySass'? Вы должны дать '.scss' –

+0

Полная версия кода была обновлена, я просто удалил некоторые, чтобы было легче читать. Scss и css объединяются в один файл. –

+0

Вы должны выполнить '.css' с' .scss' после их преобразования, но это еще одна проблема. У вас также нет задачи «dest» в вашей задаче, это только для тестовых целей? Попробуйте добавить '.pipe (gulp.dest ('test.css'))' и сказать, что карта все еще здесь –

ответ

4

Что-то не так с глотком-рубином. Вместо использования

sourcemap: none 

использование

"sourcemap=none": true 

отключить sourcemaps

Я пробовал сам, чтобы исправить "Unknown Word" error.

Source

+1

потрясающий! какая странная ошибка –

+1

Они должны сделать это '{'!! sourcemap === \' none \ '': true}', если они хотят сделать его еще более странным ... – Deminetix

0

По умолчанию sourcemap вариант gulp-ruby-sass установлен в auto. В задаче sass вы должны установить его в none, чтобы этот дополнительный комментарий не был добавлен в ваш сгенерированный файл .css, в результате чего ваша ошибка 404.

.pipe(sass({ sourcemap: none })) 
+0

Я пробовал это и, к сожалению, я все еще получаю 404. Я обновил свой ответ, чтобы показать, что я изменил в файле сборки. (Я также пробовал .pipe (plugins.sass ({sourcemap: 'none'}))) –

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