Ошибка при компиляции Sass (SCSS) через gulp?

Question

[Dmitry Kirillov]

Доброго времени суток всем.

Столкнулся с проблемой.

Работаю на:
Windows 8.1
Node -v 5.8.0
Npm -v 3.7.3
Gulp -v 3.9.1

Мой gulpfile.js

"use strict";

var gulp         = require("gulp"),
	browserSync  = require("browser-sync"),
	sass         = require("gulp-sass");




gulp.task("watch", ["browser-sync", "sass"], function() {
	gulp.watch("src/sass/**/*.scss", ["sass"]);
});




gulp.task("browser-sync", function() {
	browserSync({
		server: {
			baseDir: "src"
		},
		notify: false
	});
});




gulp.task("sass", function() {
	return gulp.src("src/sass/main.scss")
		.pipe(sass().on("error", sass.logError))
		.pipe(gulp.dest("src/css"))
		.pipe(browserSync.reload({stream: true}))
});

Компиляция работает с перебоями. Т.е. 4 раза может (к примеру) скомпилировать, на 5-ый раз ошибка, а дальше опять все нормально.
prntscr.com/agsxbt

Мой файл main.scss
prntscr.com/agsxgj

Похожая проблема есть в сети, но решения я не нашел.

Буду очень благодарен за любую помощь.

Спасибо!

Answer 1

[codemix]

Все правильно компилируеться, вы просто допускаете ошибки в коде sass вот и выдает ошибку указывая даже где ошибка.

Comments

[Dmitry Kirillov]

Нет, т.к. на скриншоте компиляция файлов, в которых изменения - пробел.

[codemix]

проблема не в файле скриншоте, а в имортируемом в данном случай typography

[Dmitry Kirillov]

Как? Файл даже если пустой, 5 раз компилируется, а 6 нет (а файл по прежнему пустой). Это популярная ошибка на Windows. И проблем в Sass файлах никаких нет.

[Alex Titakoff]

подобная фигня.
на сервере компилирует через раз да еще и кэшит как-то стремно.
Но если компилить локально - то все четко. ни одной ошибки левой.
---

Answer 2

[Dmitry Kirillov]

Кажется нашел проблему.

Работаю в последнем SublimeText 3
Как раз при сохранении через него, у меня такая ошибка вылазит периодически.

Попробовал сохранять через notepad++
Раз 20-30 сохранил и никаких ошибок.

Может кто-то знает, куда стоит "копать" дальше?

Comments

[Mr Crabbz]

у меня та же байда была с саблаймом. Перешел на Atom - никаких проблем. Такое ощущение, что sublime во время сохранения надолго блочит файлы.

[Mr Crabbz]

Компилил при этом через prepros (там тоже gulp)

[Dmitry Kirillov]

Роман Краббз: Да уж... Печально... Не хочется опять переходить на Atom. У вас я так понимаю тоже Windows?

[Dmitry Kirillov]

Atom не такой "шустрый" просто

[Vladoska]

Dmitry Kirillov: решили как нить проблему с саблаймом?

[mikhailovas]

Дело может быть в разных настройках табуляции в sublime text и notepad++.
Попробуйте поменять в настройках пробелы на табы или наоборот.
Sass чувствителен к этим делам...

[Alex Titakoff]

а что может быть такое, что на серваке (рабочий 1гб опреативки и домашнем 512) компилится криво и еле-еле, а локально все четко?. Как описано в вопросе вышел, просто левые ошибки ни с чем не связанные, если тот же самый файл делать локально - ошибок 0.

[Alex Titakoff]

на серве по sshfs*

[Alex Titakoff]

*c atom-ом аналогичное поведение...лично у меня. =/..

[animous]

Нужно поставить задержку в таске, что то типо такого, мне помогло.

gulp.task('watch', function() {
watch('dev/scss/**/*.scss', {readDelay: 100}, function(event, cb) {
gulp.start('sass');
});
});