Как исправить ошибку events.js:154 при запуске gulp-autoprefixer?

Question

[Саша]

Нашел на просторах интернета похожую ошибку по ссылке
https://github.com/sindresorhus/gulp-autoprefixer/...
По сути ошибка следующего характера
- при запуске gulp-autoprefixer выдает ошибку

events.js:154
      throw er; // Unhandled 'error' event
      ^
TypeError: this is not a typed array.
    at Function.from (native)

Версия установленного Node.js 5.7.0
Автопрефиксер подключаю к .css файлам.

Подскажите пожалуйста, какие еще могут быть варианты решения, в чем еще может быть причина данной ошибки?

Comments

[Сергей delphinpro]

по данной информации проблему не решить.
нужно смотреть подробно.
для начала стоит выяснить, виновата ли ваша таблица стилей: попробуйте скомпилить пустой sass/css/less файл. Возможно спотыкается на каком-то правиле.
если ок — пробуйте обновить все пакеты до последних версий.
Лично мне такая ошибка не падала. У меня автопрефиксер вообще никогда не падал с ошибкой.

[Саша]

Сергей,
пустой scss файл с использованием только gulp-sass компилит без ошибок.
при подключении к этому пустому файлу gulp-autoprefixer снова возникает ошибка.

gulp-autoprefixer же работает с css, а не scss или нет?

таски выглядят так
https://pastebin.com/WLYAQ7B0

пакеты ставил буквально вчера, соответственно они должны иметь последнюю версию.
у меня Win8, а у вас?

[Сергей delphinpro]

Саша, у меня десятка, и нода восьмая. До неё чевертая стояла, пятую перескочил.

Зачем отдельный таск для автопрефиксера?
Сразу обрабатывайте после sass:

gulp.task('scss', function(){
    gulp.src(paths.styles.src)
        .pipe(sass())
        .pipe(autoprefixer({
            browsers: ['last 2 versions']
        }))
        .pipe(rename('all.css'))
        .pipe(gulp.dest(paths.styles.dest));

[Саша]

Сергей, ясно, у меня Node.js 5.7.0
тоже показалось странным, выносить префиксер в отдельный таск, это как попытка решить ошибку.
перенес таск за sass(), ошибка осталась.

[Сергей delphinpro]

Саша, как ваши таски вызываются? Если они отдельные может быть конфликт, когда css еще не записан одним таском, а второй уже пытается его прочитать. Соответственно читает не полностью, файл битый, ошибка.

[Сергей delphinpro]

а, осталась. фигово.

[Саша]

Сергей,
вот весь файл Gulpfile.js
https://pastebin.com/RVMBtsD2
с ними вроде бы все ок)

[ⓒⓢⓢ]

1. Попробуйте префиксеру скормить простой валидный css файл 1-2 правила
2. попробуйте посмотреть ошибку с помощью обработчика

.on('error', err => {
    console.log(err);
});

3. Из тасков всегда возвращайте указатель, иначе gulp не сможет правильно обрабатывать таски
4. Переустановитесь или обновитесь. Если вам не критичны версии, установите Node 8.x и gulp 4.x в моих нуждах ни разу ещё не отказывала

пример

const gulp         = require('gulp'),
      combine      = require('stream-combiner2').obj,
      gif          = require('gulp-if'),
      notify       = require('gulp-notify'),
      browserSync  = require('browser-sync').create(),
      sourcemaps   = require('gulp-sourcemaps'),
      stylus       = require('gulp-stylus'),
      autoprefixer = require('gulp-autoprefixer'),
      uncss        = require('gulp-uncss'),
      preprocess   = require('gulp-preprocess'),
      gih          = require('gulp-include-html'),
      htmlmin      = require('gulp-htmlmin'),
      del          = require('del'),
      replace      = require('gulp-replace'),
      sprite_png   = require('gulp.spritesmith'),
      sprite_svg   = require('gulp-svg-sprite'),
      imagemin     = require('gulp-imagemin'),
      pngquant     = require('imagemin-pngquant');


const isDevelopment = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';



gulp.task('styles', function(){
   return combine(
      gulp.src("source/css/css.styl"),
      gif(isDevelopment, sourcemaps.init()),
      stylus(),
      autoprefixer(['last 2 versions'], {cascade : true}),
      gif(!isDevelopment, uncss({ html : ["public/*.html"] })),
      gif(isDevelopment, sourcemaps.write()),
      gulp.dest("public/css")
   ).on('error', notify.onError());
});

[Саша]

JRK_DV, что значит указатель?

скормил обычный css с
background: linear-gradient(.....
ошибка в консоли


галп буквально вчера ставил, актуальная версия, а вот с node кажется да, проблема есть, он устаревший судя по всему.

[ⓒⓢⓢ]

Саша,

что значит указатель?

Если переформулировать правильно, то каждый таск должен возвращать файловые потоки (promise) для корректной работы асинхронных тасков, но это в 99% не ваш случай и проблему не решит.
Пробуйте обновиться, я так и не понял какой у вас gulp, но рекомендую посмотреть на 4 версию, из нововведений простыми словами это улучшенная работа с потоками, фильтрация ранее обработанных файлов, документация легко гуглится.
Больше нечем не смогу помочь

[Саша]

JRK_DV, галп актуален

а как версия галпа может быть 4 если последняя 3.9.1 или я не там смотрю?
версия nodejs может играть важную роль?

[ⓒⓢⓢ]

Саша, не понимаю в чём вопрос. В npm и 3 и 4 gulp есть, есть ещё в репозитории этих же ребят
https://www.npmjs.com/package/gulp-4.0.build
https://github.com/gulpjs/gulp/tree/4.0

версия nodejs может играть важную роль?

Я так думаю именно это и играет важную роль

[Саша]

JRK_DV, так, вижу, да, 4я версия.
но допустим в плагине с которым проблема вообще изменения не вносились уже как 5ть месяцев кажется
https://www.npmjs.com/package/gulp-autoprefixer/
может все же не в 4ке дело

после обновления node надо будет обновлять плагины или все в порядке будет?
просто у меня одно время стояла более ранняя версия, обновил её и были проблемы с префиксером в гранте, уже не вспомню, как решил, было это более года назад.
не хотелось бы сейчас чего то подобного

[Саша]

JRK_DV, установил 4ю версию галпа, не помогло

[ⓒⓢⓢ]

Саша,

после обновления node надо будет обновлять плагины или все в порядке будет?

если плагины глобальные то могут быть проблемы, если локальные для проекта, то создайте новый тестовый проект не изменяя нечего в своём проекте. Если проблема останется - прост откатитесь на свою версию ноды

[Саша]

JRK_DV, хорошо, попробую.
как сделать откат на win8 на определенную - прежнюю версию?