Не работает Gulp + sass, что за ошибка?

Question

[Fire Place]

При попытке запустить сборку (gulp sass) Пишет ошибку. Все не обходимые модули установлены и обновлены.

Comments

[Martovitskiy]

gulpfile.js покажите.

[ned4ded]

Пишет, что задача "sass" не определена, вы уверены, что задача в gulpfile.js зарегистрирована верно?

upd: судя по логу, вы только что инициировали проект, вы создавали задачу sass в gulpfile? или думаете, что все само заработает?)

[Fire Place]

ned4ded, галпфайл точно настроен, я с группой делал проект на галпе, я тупо скопировал и вставил весь проект обновив модули, ошибка такая вылкзвет

[Fire Place]

Martovitskiy, сейчас приду домой, покажу

[Fire Place]

Martovitskiy,

[Fire Place]

ned4ded,
Так и есть, запроса sass не существует, но есть запрос "serve" Который так-же не работает.

[Fire Place]

Martovitskiy, ned4ded, Ни один запрос не работает ...

[Fire Place]

Может вы можете подсказать шаблон на (gulp + sass) Для адаптивной верстки?

[Martovitskiy]

Андрей Хомяк вы используете Gulp 4, а синтаксис Gulp 3
Вот пример синтаксиса Gulp 4

[Martovitskiy]

Андрей Хомяк, еще если используете Gulp4 , то необходимо установить Gulp -cli
npm install -g gulp-cli
куча видео в просторах интернета, как перейти на gulp 4

[Антон Спирин]

Еще вы пытаетесь вызывать задачу sass, которая даже не прописана в вашем коде.

[ned4ded]

Martovitskiy, таски все равно можно объявлять по-старому в 4 галпе.

[ned4ded]

Андрей Хомяк, проверьте версию cli, она должна быть больше 2, вроде бы

$ gulp -v
[13:34:54] CLI version 2.0.1

[Fire Place]

ned4ded,

[Fire Place]

Попробовал использовать - npm audit fix --force
Ничего не изменилась, ошибка та-же (на 350 строке)

[ned4ded]

Андрей Хомяк, а часом не установлен ли у вас галп глобально?

проверьте так:
$ npm list -g --depth=0

если в списке будет галп, то его нужно будет снести, $ npm rm -g gulp

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

[Fire Place]

Я загрузил весь проект (кроме модулей), попробуйте кто-нибудь реанимировать его, или я кривой или я не знаю что...
https://mega.nz/#!4rwjRITI!_mLCSNXSwowplgm6qw2aen2...

[Fire Place]

ned4ded, Я решил полностью удалить node + gulp (Удили в %appdata% папки npm-cache и npm ( в проекте удалил папку с модулями и удалил сам nodejs в панели управления ) Сейчас буду описывать всё что я делаю (каждый шаг...)

[Fire Place]

ned4ded,
abcinblog.blogspot.com/2018/04/npm-gulp-sass.html
Делать буду как написано в гайде выше, прикладываю скриншоты после каждой вписанной команды ниже.
https://imgur.com/a/GDU9vvp

Как видно на последнем скриншоте, появились ошибки после установки галпа, что писать дальше audit fix --force или идти дальше по мануалу?

[Fire Place]

ned4ded, Установил галп как было в мануале, после чего проверил установился-ли он глобально, как видно на скриншоте - нет, не установился.

[ned4ded]

Андрей Хомяк, не стоило так радикально )

у вас неверная сигнатура функции

gulp.task("serve", ["style"], function () {
// ...

в четвертой версии галпа не передается массив других задач, теперь это решается через gulp.series или gulp.parallel.

так что Martovitskiy был отчасти прав, я не учел синтаксических изменений 4го галпа.

ознакомьтесь с новой документацией, перепишите согласно синтаксису es6+, там есть пошаговые объяснения того как именно это сделать. Вам придется это сделать, т.к. вотчеры так же сделаны неверно и будут выпадать с ошибками.

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

[Fire Place]

ned4ded, Спасибо за ответ, последний вопрос, можно список команд, а то я уже путаюсь, что нужно писать, а что нет. (при установке модулей галпа сасса browser-sync'a и т.п.) (Удалил галп node модули и прочее, вообщем, полностью почистил.) Можете дать список команд? Для установки галпа 4+ И на каком моменте надо будет изменять код галпфайла, пожалуйста.

[ned4ded]

Андрей Хомяк, мы с вами просто проверили версию gulp-cli и набор глобально установленных пакетов для вашей системы. При развертывании проекта вам это не потребуется (но мне нужно было понимать, что у вас все установлено правильно).

Для работы с галп вам нужна нода, npm, gulp-cli (установленный глобально, а не локально). При этом вы можете использовать gulp-cli локально, но потребность в этом не возникнет в 95% случаев.

$ mkdir project && cd project
# вы создаете проектную папку и переходите в проект

$ npm init 
# создается package.json 

$ npm i -D gulp gulp-sass 
# установка зависимостей для среды разработки

Пишете gulpfile.js так, как описано в руководстве, и, собственно, все.

Если у вас готовый проект с имеющимся gulpfile.js, то просто в проектной папке запускаете $ npm i для установки зависимостей.

Если начинает выпадать галп (но вы уверены, что нода, npm, gulp-cli установлены верно), тогда начинаете дебажить gulpfile, отключая его куски, создавай базовую дефолтную задачу и т.п. по инструкции.

Зачастую стек ошибки позволяет понять, где именно возникает баг; но, как я уже писал выше, у галпа с этим бывают проблемы.

[Fire Place]

ned4ded, Огромное вам спасибо!

[ned4ded]

Андрей Хомяк, не за что

Answer 1

[Андрей Dobrin]

Gulp 4 версии у Вас. А task watch использует синтаксис 3 версии.
Замените ваш watcher на такой:

gulp.task('watch', function(){
	browserSync.init({
Сюда Ваш конфиг сервера
});
	gulp.watch(путь до стилей, gulp.series('style'));
})