Как установить плагин gulp-sass без ошибок?

Question

[vantyai88]

Компиляция SASS в CSS:

- В папке gulpfile.js создаю переменную: var sass = require('gulp-sass');

- В командной строке устанавливаю плагин gulp-sass: npm i gulp-sass --save-dev
После установки в файле package.json появляется запись: "gulp-sass": "^4.0.2",
но после команды gulp командная строка выдает ошибку..
глобально и локально стоит версия 4.0.0

У меня Windows 7

Comments

[Сергей delphinpro]

Вы поставили 4 версию галпа, а задачи написаны для третьей.

Каждую неделю одни и те же вопросы... Читайте официальный гайд вместо устаревших статеек в интернетах. https://gulpjs.com

[vantyai88]

Сергей delphinpro, а можете указать или сюда прислать тот код, который нужно использовать для Gulp 4-ой версии?

[Сергей delphinpro]

vantyai88, я же дал ссылку. повторю =) https://gulpjs.com/docs/en/getting-started/quick-start

[vantyai88]

Сергей delphinpro, привет.
Но мне там нужно сделать так, чтобы я Browsersync + Gulp.js подключил (см. фото), то есть нужно найти правильный синтаксис и верный плагин для командной строки. На https://gulpjs.com/docs/en/getting-started/quick-start я не нашел того, как решить мне эту задачу, то есть решение там есть, но я не знаю как сделать, чтобы получилось Browsersync + Gulp.js . Мою задачу вообщем это полностью не решит.

https://www.browsersync.io/docs/gulp#gulp-sass-css

нужно автообновление всех файлов.

[vantyai88]

Сергей delphinpro, я сделал всё, как Вы сказали, но не работает у меня :

1. Компиляция SASS в CSS
2. Автообновление страниц (Browsersync) > то есть ничего не работает.

[Сергей delphinpro]

vantyai88,

Соблюдайте правило 3.8 этого сайта!

в коде на последнем скрине:

1. у вас не определены таски
   
2. у вас не вотчеров
   
3. у вас нет кода запуска сервера browser-sync
   

ничего нет, неудивительно, что не работает.

[vantyai88]

Пишу этот комментарий для тех, кто так же как и какое то время назад я, ломает в данный момент голову над данным вопросом...
Посмотрите эти два видео-руководства и Вы решите все свои проблемы:
1. https://www.youtube.com/watch?v=vW51JUVT66w&featur...

2. https://www.youtube.com/watch?v=kesyrCZE1bA&featur...

Answer 1

[McBernar]

Ну там же написано — таска должна быть указана. Почему вы в консольке пишете просто
"gulp"?

Если вас парят warnings из установки — не парьтесь, это не ваши проблемы сейчас.

Comments

[vantyai88]

Так какую команду нужно ввести ?) А просто gulp пишу потому что у меня 'default' стоит в gulpfile.js
У меня сейчас даже localhost:3000 не запускается с браузера.. ничего не работает.

[McBernar]

"gulp serve" напишите.

[vantyai88]

McBernar, сделал, но та же самая ошибка вылезла..

[McBernar]

Поменяйте местами serve и sass.

Но вообще, если у вас 4 gulp, то старые галп-файлы с ним больше не работают — синтаксис изменился.

[Сергей delphinpro]

McBernar если не указывать имя таска, будет выполнена задача с названием default
Так что вовсе необязательно указывать имя задачи.