Не работает Gulp, выдает ошибку?

Question

[Артур Арутюнян]

установил правильно, запускаю код в файл gulpfile.js взятый с оф сайта browsersync, вот такой код:

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();
var sass        = require('gulp-sass');

// Static Server + watching scss/html files
gulp.task('serve', ['sass'], function() {

    browserSync.init({
        server: "src/"
    });

    gulp.watch("scr/sass/*.sass", ['sass']);
    gulp.watch("scr/*.html").on('change', browserSync.reload);
});

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
    return gulp.src("scr/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("scr/css"))
        .pipe(browserSync.stream());
});

gulp.task('default', ['serve']);

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

{
  "name": "project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Artur",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.26.3",
    "gulp": "^4.0.0",
    "gulp-sass": "^4.0.2"
  }
}

____________________________________________________________________
Вот и сама ошибка

PS D:\8. Frontend\project> gulp
assert.js:42
throw new errors.AssertionError({
^

AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (D:\8. Frontend\project\node_modules\undertaker\lib\set-task.js:10:3)
at Gulp.task (D:\8. Frontend\project\node_modules\undertaker\lib\task.js:13:8)
at Object. (D:\8. Frontend\project\gulpfile.js:6:6)
at Module._compile (module.js:653:30)
at Object.Module._extensions..js (module.js:664:10)
at Module.load (module.js:566:32)
at tryModuleLoad (module.js:506:12)
at Function.Module._load (module.js:498:3)
at Module.require (module.js:597:17)
at require (internal/module.js:11:18)

Comments

[Сергей Горячев]

Прикол.

Сижу решаю проблему.

gulp watch
assert.js:42
  throw new errors.AssertionError({
  ^

AssertionError [ERR_ASSERTION]: Task function must be specified
    at Gulp.set [as _setTask] (/home/sergey/public_html/teplydom.loc/node_modules/undertaker/lib/set-task.js:10:3)
    at Gulp.task (/home/sergey/public_html/teplydom.loc/node_modules/undertaker/lib/task.js:13:8)
    at Object.<anonymous> (/home/sergey/public_html/teplydom.loc/gulpfile.js:36:6)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)

[Артур Арутюнян]

Сергей Горячев,
Читал в руководствах что gulp версии 4.0.0 меняет синтаксис когда задаешь несколько функций, так вот там есть возможность последовательно задавать функции gulp.series('имя функции') - функции выполняются по цепочке - не работает онда не сработает и вся цепь, и паралельно (независимо друг от друга gulp.parallel('имя функции') - но они у меня тоже не работают, при таком коде:
____________________________________________________________________
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');

// Static Server + watching sass/html files
gulp.task('serve', gulp.series('sass'), function() {

browserSync.init({
server: "src/"
});

gulp.watch("scr/sass/*.sass", gulp.series('sass'));
gulp.watch("scr/*.html").on('change', browserSync.reload);
});

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
return gulp.src("scr/sass/*.sass")
.pipe(sass())
.pipe(gulp.dest("scr/css"))
.pipe(browserSync.stream());
});

gulp.task('default', gulp.series('serve'));
------------------------------------------------------------------------
ВОТ ТАКАЯ ОШИБКА ВЫДАЕТСЯ

assert.js:42
throw new errors.AssertionError({
^

AssertionError [ERR_ASSERTION]: Task never defined: sass
at getFunction (D:\8. Frontend\project\node_modules\undertaker\lib\helpers\normalizeArgs.js:15:5)
at map (D:\8. Frontend\project\node_modules\arr-map\index.js:20:14)
at normalizeArgs (D:\8. Frontend\project\node_modules\undertaker\lib\helpers\normalizeArgs.js:22:10)
at Gulp.series (D:\8. Frontend\project\node_modules\undertaker\lib\series.js:13:14)
at Object. (D:\8. Frontend\project\gulpfile.js:6:25)
at Module._compile (module.js:653:30)
at Object.Module._extensions..js (module.js:664:10)
at Module.load (module.js:566:32)
at tryModuleLoad (module.js:506:12)
at Function.Module._load (module.js:498:3)
PS D:\8. Frontend\project>

По сути он будто теперь не видит мою sass функцию

Answer 1

[alex]

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');

gulp.task('sass', function(done) {
    gulp.src("scr/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("scr/css"))
        .pipe(browserSync.stream());


    done();
});

gulp.task('serve', function(done) {

    browserSync.init({
        server: "src/"
    });

    gulp.watch("scr/sass/*.sass", gulp.series('sass'));
    gulp.watch("scr/*.html").on('change', () => {
      browserSync.reload();
      done();
    });
  

    done();
});

gulp.task('default', gulp.series('sass', 'serve'));

Comments

[Артур Арутюнян]

Читал в руководствах что gulp версии 4.0.0 меняет синтаксис когда задаешь несколько функций, так вот там есть возможность последовательно задавать функции gulp.series('имя функции') - функции выполняются по цепочке - не работает онда не сработает и вся цепь, и паралельно (независимо друг от друга gulp.parallel('имя функции') - но они у меня тоже не работают, при таком коде:
____________________________________________________________________
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');

// Static Server + watching sass/html files
gulp.task('serve', gulp.series('sass'), function() {

browserSync.init({
server: "src/"
});

gulp.watch("scr/sass/*.sass", gulp.series('sass'));
gulp.watch("scr/*.html").on('change', browserSync.reload);
});

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
return gulp.src("scr/sass/*.sass")
.pipe(sass())
.pipe(gulp.dest("scr/css"))
.pipe(browserSync.stream());
});

gulp.task('default', gulp.series('serve'));
------------------------------------------------------------------------
ВОТ ТАКАЯ ОШИБКА ВЫДАЕТСЯ

assert.js:42
throw new errors.AssertionError({
^

AssertionError [ERR_ASSERTION]: Task never defined: sass
at getFunction (D:\8. Frontend\project\node_modules\undertaker\lib\helpers\normalizeArgs.js:15:5)
at map (D:\8. Frontend\project\node_modules\arr-map\index.js:20:14)
at normalizeArgs (D:\8. Frontend\project\node_modules\undertaker\lib\helpers\normalizeArgs.js:22:10)
at Gulp.series (D:\8. Frontend\project\node_modules\undertaker\lib\series.js:13:14)
at Object. (D:\8. Frontend\project\gulpfile.js:6:25)
at Module._compile (module.js:653:30)
at Object.Module._extensions..js (module.js:664:10)
at Module.load (module.js:566:32)
at tryModuleLoad (module.js:506:12)
at Function.Module._load (module.js:498:3)
PS D:\8. Frontend\project>

По сути он будто теперь не видит мою sass функцию

[rysik_21vek]

Большое thank you
Всё сразу заработало

[Сергей Бурдужа]

А я хочу использовать для wordpress, что нужно прописать в gulp.dest.
Я прописываю адрес от локального хостинга, но не работатает

[Allaga19]

Спасибо работает!

[mhtiragla]

Неправильны пути scr и src, если исправить то работает. Спасибо!

Answer 2

[coderxx]

Такие вопросы стали появляться каждый день. В Gulp 4 изменился синтаксис. Появились свойства parallel и series, пропали квадратные скобки. Старые галпфайлы не работают. Все подробно изложено тут.

Comments

[Артур Арутюнян]

Читал в руководствах что gulp версии 4.0.0 меняет синтаксис когда задаешь несколько функций, так вот там есть возможность последовательно задавать функции gulp.series('имя функции') - функции выполняются по цепочке - не работает онда не сработает и вся цепь, и паралельно (независимо друг от друга gulp.parallel('имя функции') - но они у меня тоже не работают, при таком коде:
____________________________________________________________________
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');

// Static Server + watching sass/html files
gulp.task('serve', gulp.series('sass'), function() {

browserSync.init({
server: "src/"
});

gulp.watch("scr/sass/*.sass", gulp.series('sass'));
gulp.watch("scr/*.html").on('change', browserSync.reload);
});

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
return gulp.src("scr/sass/*.sass")
.pipe(sass())
.pipe(gulp.dest("scr/css"))
.pipe(browserSync.stream());
});

gulp.task('default', gulp.series('serve'));
------------------------------------------------------------------------
ВОТ ТАКАЯ ОШИБКА ВЫДАЕТСЯ

assert.js:42
throw new errors.AssertionError({
^

AssertionError [ERR_ASSERTION]: Task never defined: sass
at getFunction (D:\8. Frontend\project\node_modules\undertaker\lib\helpers\normalizeArgs.js:15:5)
at map (D:\8. Frontend\project\node_modules\arr-map\index.js:20:14)
at normalizeArgs (D:\8. Frontend\project\node_modules\undertaker\lib\helpers\normalizeArgs.js:22:10)
at Gulp.series (D:\8. Frontend\project\node_modules\undertaker\lib\series.js:13:14)
at Object. (D:\8. Frontend\project\gulpfile.js:6:25)
at Module._compile (module.js:653:30)
at Object.Module._extensions..js (module.js:664:10)
at Module.load (module.js:566:32)
at tryModuleLoad (module.js:506:12)
at Function.Module._load (module.js:498:3)
PS D:\8. Frontend\project>

По сути он будто теперь не видит мою sass функцию