Кто нибудь сталкивался с такой ошибкой и как решить её?

Question

[vrpk34]

PS D:\sass> gulp serve
[23:03:07] Using gulpfile D:\sass\gulpfile.js
[23:03:07] Starting 'serve'...
[23:03:07] 'serve' errored after 15 ms
[23:03:07] Error: watching scss/**/*.scss: watch task has to be a function (optionally generated by using gulp.parallel or gulp.series)
at Gulp.watch (D:\sass\node_modules\gulp\index.js:28:11)
at D:\sass\gulpfile.js:31:10
at taskWrapper (D:\sass\node_modules\undertaker\lib\set-task.js:13:15)
at bound (domain.js:402:14)
at runBound (domain.js:415:12)
at asyncRunner (D:\sass\node_modules\async-done\index.js:55:18)
at process._tickCallback (internal/process/next_tick.js:61:11)
PS D:\sass>

Comments

[Владимир Скибин]

покажите код и укажите версию галпа

[vrpk34]

const gulp = require('gulp');
const sass = require('gulp-sass');
const plumber = require('gulp-plumber');
const autoprefixer = require('gulp-autoprefixer');
const browserSync = require('browser-sync').create();
const sourceMaps = require('gulp-sourcemaps');

gulp.task('sass', function(){
return gulp.src('scss/style.scss')
.pipe(plumber())
.pipe(sourceMaps.init())
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions']
}))
.pipe(sourceMaps.write())
.pipe(gulp.dest('build/css'))
.pipe(browserSync.reload({stream:true}));
});

gulp.task('html', function(){
return gulp.src('*.html')
.pipe(gulp.dest('build'))
.pipe(browserSync.reload({stream:true}));
});

gulp.task('serve', function(){
browserSync.init({
server:"build"
});
gulp.watch("scss/**/*.scss", ["sass"]);
gulp.watch("*.html", ["html"]);
});

[vrpk34]

PS D:\sass> gulp -v
CLI version: 2.2.0
Local version: 4.0.0
PS D:\sass>

[vrpk34]

Вы видите мои ответы?

[vrpk34]

Владимир Скибин, const gulp = require('gulp');
const sass = require('gulp-sass');
const plumber = require('gulp-plumber');
const autoprefixer = require('gulp-autoprefixer');
const browserSync = require('browser-sync').create();
const sourceMaps = require('gulp-sourcemaps');

gulp.task('sass', function(){
return gulp.src('scss/style.scss')
.pipe(plumber())
.pipe(sourceMaps.init())
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions']
}))
.pipe(sourceMaps.write())
.pipe(gulp.dest('build/css'))
.pipe(browserSync.reload({stream:true}));
});

gulp.task('html', function(){
return gulp.src('*.html')
.pipe(gulp.dest('build'))
.pipe(browserSync.reload({stream:true}));
});

gulp.task('serve', function(){
browserSync.init({
server:"build"
});
gulp.watch("scss/**/*.scss", ["sass"]);
gulp.watch("*.html", ["html"]);
});

PS D:\sass> gulp -v
CLI version: 2.2.0
Local version: 4.0.0
PS D:\sass>

[vrpk34]

Подскажите пожалуйста решаема ошибка?

Answer 1

[Владимир Скибин]

Вы читали вот тут? https://www.browsersync.io/docs/gulp
У Вас неверное значение возвращается при pipe. Читайте для gulp 4.x.x

Comments

[vrpk34]

ничего ненашел страница 404
If you are using gulp 4.x.x now, then you can follow this documentation.

[Владимир Скибин]

vrpk34, вот же https://github.com/gulpjs/gulp/blob/master/docs/re...

[Владимир Скибин]

vrpk34, Вот же в поиске это находится Не работает Gulp, выдает ошибку?

[vrpk34]

Я начинающий не силен в препроцесорах хочу освоить, можете подсказать код в файле gulpfile.js нужно за менить на новый?

[vrpk34]

Этот код я взял у этого человека из видео
https://www.youtube.com/watch?v=aJbcc8lHW6Y

[Владимир Скибин]

vrpk34, Вынесите reload и serve в отдельные функции с done и переделайте по примеру как я Вам указал в ссылке

[vrpk34]

Владимир Скибин, заменил на этот код верно?
import babel from 'gulp-babel';
import concat from 'gulp-concat';
import del from 'del';
import gulp from 'gulp';
import uglify from 'gulp-uglify';
import browserSync from 'browser-sync';

const server = browserSync.create();

const paths = {
scripts: {
src: 'src/scripts/*.js',
dest: 'dist/scripts/'
}
};

const clean = () => del(['dist']);

function scripts() {
return gulp.src(paths.scripts.src, { sourcemaps: true })
.pipe(babel())
.pipe(uglify())
.pipe(concat('index.min.js'))
.pipe(gulp.dest(paths.scripts.dest));
}

function reload(done) {
server.reload();
done();
}

function serve(done) {
server.init({
server: {
baseDir: './'
}
});
done();
}

const watch = () => gulp.watch(paths.scripts.src, gulp.series(scripts, reload));

const dev = gulp.series(clean, scripts, serve, watch);
export default dev;

[Владимир Скибин]

vrpk34, Вы запускали?

[vrpk34]

Владимир Скибин, PS D:\sass> gulp serve
D:\sass\gulpfile.js:1
import babel from 'gulp-babel';
^^^^^

SyntaxError: Unexpected identifier
at Module._compile (internal/modules/cjs/loader.js:721:23)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:690:17)
at require (internal/modules/cjs/helpers.js:25:18)
at execute (C:\Users\Администратор\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0\index.js:36:18)
at Liftoff.handleArguments (C:\Users\Администратор\AppData\Roaming\npm\node_modules\gulp-cli\index.js:201:24)
at Liftoff.execute (C:\Users\Администратор\AppData\Roaming\npm\node_modules\gulp-cli\node_modules\liftoff\index.js:201:12)
PS D:\sass>

[Владимир Скибин]

vrpk34, Вы бездумно копипастите? Замените import директивы на require

[vrpk34]

Владимир Скибин, Я незнаю как это сделать
Вы знаете ?

const gulp = require('gulp');
const sass = require('gulp-sass');
const plumber = require('gulp-plumber');
const autoprefixer = require('gulp-autoprefixer');
const browserSync = require('browser-sync').create();
const sourceMaps = require('gulp-sourcemaps');

gulp.task('sass', function () {
return gulp.src('scss/style.scss')
.pipe(plumber())
.pipe(sourceMaps.init())
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions']
}))
.pipe(sourceMaps.write())
.pipe(gulp.dest('build/css'))
.pipe(browserSync.reload({stream: true}));
});

gulp.task('html', function () {
return gulp.src('*.html')
.pipe(gulp.dest('build'))
.pipe(browserSync.reload({stream: true}));
});

gulp.task('serve', ['html', 'sass'], function () {
browserSync.init({
server: "build"
});

gulp.watch("scss/**/*.scss", ["sass"]);
gulp.watch("*.html", ["html"]);
});

[vrpk34]

Повторюсь, я только начинаю

[vrpk34]

Владимир Скибин, Если вы можете подсказать где что заменить буду очень благодарен

[Владимир Скибин]

vrpk34, если Вы не понимаете как это работает - тогда Вам необходимо учить мат часть, хотя бы тут https://www.youtube.com/watch?v=uPk6lQoTThE&list=P...
Иначе дальше у Вас будет еще больше вопросов. Попробуйте самостоятельно изучить по видеокурсу и Ваш вопрос отпадет сам по себе.

[vrpk34]

Владимир Скибин, видимо рано буду пока без препроцесора Sass работать, покачто не дано понять.
Спаибо что пытались помочь.

[vrpk34]

vrpk34, Здравствуйте, вопрос с gulp4 решил разобрался только вот недавно стал делать другую сборку на gulp и столкнулся с такой проблемой, можете что нибудь сказать по этому поводу
const gulp = require('gulp'),
runSequence = require('run-sequence')

gulp.task('build', function() {
runSequence(
'sass',
'html',
'js',
'fonts',
);
});
плагин поставил

Вот ошибка
PS C:\Users\Администратор\Documents\Figura site> gulp build
[21:12:05] Using gulpfile ~\Documents\Figura site\gulpfile.js
[21:12:05] Starting 'build'...
[21:12:05] 'build' errored after 4 ms
[21:12:05] TypeError: gulp.hasTask is not a function
at C:\Users\Администратор\Documents\Figura site\node_modules\run-sequence\index.js:23:22
at Array.forEach ()
at verifyTaskSets (C:\Users\Администратор\Documents\Figura site\node_modules\run-sequence\index.js:17:11)
at runSequence (C:\Users\Администратор\Documents\Figura site\node_modules\run-sequence\index.js:130:2)
at C:\Users\Администратор\Documents\Figura site\gulp\build.js:6:5
at taskWrapper (C:\Users\Администратор\Documents\Figura site\node_modules\undertaker\lib\set-task.js:13:15)
at bound (domain.js:402:14)
at runBound (domain.js:415:12)
at asyncRunner (C:\Users\Администратор\Documents\Figura site\node_modules\async-done\index.js:55:18)
at process._tickCallback (internal/process/next_tick.js:61:11)
PS C:\Users\Администратор\Documents\Figura site>

[vrpk34]

vrpk34, ошибся вот
const gulp = require('gulp'),
runSequence = require('gulp4-run-sequence')

gulp.task('build', function() {
runSequence(
'sass',
'html',
'js',
'fonts',
);
});