Gulp. Что вызывает эту ошибку?

Question

[massef]

Здравствуйте.

Генерирую спрайты с помощью gulp, все прекрасно работало, но сейчас выдает ошибку Error: Invalid file type
Не понимаю, какие именно файлы ему не нравятся.

Используется плагин gulp.spritesmith. Все исходники для спрайта одного формата.
Коротко говоря, раньше все прекрасно работало, в gulpfile.js ничего не менял, просто добавляю изображения если нужно и все.

Обновлял сам gulp как глобально так и локально, gulp.spritesmith тоже обновил.
Гуглил по ошибке, ничего не нашел.

Кто сталкивался?

Таск генерации спрайта:

gulp.task('sprite:build', function() {
	var spriteData = 
		gulp.src(path.src.spriteOrigin) // путь, откуда берем картинки для спрайта
			.pipe(plumber())
			.pipe(spritesmith({
				imgName: path.build.spriteImgName, // записывается в шаблон
				cssName: '_sprite-data2.scss', // название файла с переменными
				cssFormat: 'scss', // формат css переменных
				algorithm: 'binary-tree',
				cssTemplate: 'sass.template.mustache', // массив данных для спрайта
				cssVarMap: function(sprite) {
					sprite.name = 's-' + sprite.name
				}
			}));

	spriteData.img.pipe(gulp.dest(path.build.spriteImgPath)); // путь, куда сохраняем картинку
	spriteData.css.pipe(gulp.dest(path.src.spriteSass)); // путь, куда сохраняем стили
});

Answer 1

[teotlu]

Это может быть из-за какого-то файла, не являющегося картинкой, лежащего в папке, где у вас картинки.
К примеру, если это на локалхосте, то какой-нибудь Thumbs.db.
Попробуйте задать расширения явно, например вот так:
src/images/sprite/*.+(jpg|jpeg|png)

У меня была такая же ошибка, мне помогло.

Comments

[massef]

Спасибо. Даже не подумал об этом )

[teotlu]

massef: всегда пожалуйста :)

Answer 2

[Иван Антонов]

path.src.spriteOrigin
Gulp.src()

Comments

[Иван Антонов]

Может так: path.src.spriteOrigin + '/*.jpg'

[massef]

в этой переменной у меня 'src/images/sprite/*.*'. И раньше все прекрасно работало. Попробовал сделать как вы предложили, только jpg заменил на png, работает но меня это не устраивает, т.к. будут и gif и jpg исходники.

[Иван Антонов]

src/images/sprite/*

[massef]

пробовал, тоже без толку

[Иван Антонов]

Омг у меня остался только такой вариант ./src/images/sprite/* если и он не поможет то нужно смотреть весь gulpfile.js

[Иван Антонов]

кхм. раздели sprite:build на сборку картинок и сборку стилей

[massef]

тоже пробовал )
публичного гитхаба нет, поэтому выложил на песок jsfiddle.net/sj3c5vn2

а насчет разделения, смысл какой? )

[Иван Антонов]

и соедини их общим таском

gulp.task('sprite:build', ['build:img', 'build:css']);

[Иван Антонов]

massef: потому что положено так, это считается дурным тоном: смешивать сборки разных типов файлов в один таск. Поэтому скорее всего и Error: Invalid file type, Gulp сам забутался в тех файлах что ты ему суешь

[massef]

Так у меня так и есть. Или ты имеешь ввиду разделить пайп на две задачи? Плагин генерирует файл с sass переменными на основании файла шаблона. Я даже не представляю как можно разделить один пайп на две задачи. Так то у меня таски разделены.

[massef]

И говор. же. раньше все работало без проблем. Че за хрень случилась понять немогу. Уже все что можно было обновил.

[Иван Антонов]

Я понял, я не знал что такое плагин spritesmith, сейчас прочитал. Он принимает только файла png, jpg и jpeg. У тебя в пути path.src.spriteOrigin не должно быть никаких других файлов

[Иван Антонов]

либо указать

gulp.src([
    'src/images/sprite/*.png',
    'src/images/sprite/*.jpg',
    'src/images/sprite/*.jpeg'
]);

[Иван Антонов]

И говор. же. раньше все работало без проблем.
может в папку path.src.spriteOrigin случайно попал файл другого формата.