Gulp4 - задачи не были выполнены и забыли сообщить о завершении асинхронного - PullRequest
Новая
       59

Gulp4 - задачи не были выполнены и забыли сообщить о завершении асинхронного

0 голосов
/ 06 октября 2018

Только начал изучать gulp и следовал этой серии уроков: https://www.youtube.com/watch?v=oRoy1fJbMls&list=PLriKzYyLb28lp0z-OMB5EYh0OHaKe91RV

Он отлично работает на gulp 3, но после обновления npm до текущей версии он сломался, и я попытался преобразовать свой gulpfile.js из версии 3до 4, и после выполнения команды gulp у меня появляется эта ошибка: Следующие задачи не были выполнены: по умолчанию, Вы забыли сообщить о завершении асинхронного? Как мне решить эту проблему?

Вотмой gulpfile: 

const gulp = require('gulp');
const rename = require('gulp-rename');
const sass = require('gulp-sass');
const uglify = require('gulp-uglify');
const autoprefixer = require('gulp-autoprefixer');
const sourcemaps = require('gulp-sourcemaps');
const browserify = require('browserify');
const babelify = require('babelify');
const source = require('vinyl-source-stream');
const buffer = require('vinyl-buffer');

let styleSource = 'src/scss/style.scss';
let styleDestination = './build/css/';
let styleWatch = 'src/scss/**/*.scss';

let jsSource = 'main.js';
let jsFolder = 'src/js/';
let jsDestination = './build/js/';
let jsWatch = 'src/js/**/*.js';
let jsFILES = [jsSource];    
let htmlWatch = '**/*.html';

/* Converting Sass to CSS */
gulp.task('styles',function(){
    return gulp.src(styleSource)
        .pipe(sourcemaps.init())
        .pipe(sass({
            errorLogToConsole: true,
            outputStyle: 'compressed'
        }))
        .on('error', console.error.bind(console))
        .pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))
        .pipe(rename({suffix:'.min'}))
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest(styleDestination));
});

/* Converting ES6 to Vanilla JS */
gulp.task('js',function(){
    return jsFILES.map(function(entry){
        return browserify({
            entries: [`${jsFolder}${entry}`]
        })
        .transform(babelify, {presets:['env']})
        .bundle()
        .pipe(source(entry))
        .pipe( rename({extname:'.min.js'}) )
        .pipe(buffer())
        .pipe(sourcemaps.init({loadMaps: true})) 
        .pipe(uglify())
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest(jsDestination))
    });

})

// default task to run all tasks
const compile = gulp.parallel(['styles','js']);
compile.description = 'Compile all styles and js files';

gulp.task('default', compile);

// watch default
const watch = gulp.series('default', function(){ // ,'browser-sync'
// keep running, watching and triggering gulp
    gulp.watch(styleWatch, gulp.parallel('styles')); //, reload
    gulp.watch(jsWatch, gulp.parallel('js')); //, reload
    gulp.watch(htmlWatch);
});
watch.description = 'watch all changes in every files and folders';
gulp.task('watch', watch);

И вот ошибка после того, как я запустил gulp: enter image description here

1 Ответ

0 голосов
/ 12 октября 2018

Ваша задача js возвращает массив, gulp этого не понимает.Задача может вернуть поток или обещание - или она должна вызвать параметр обратного вызова, чтобы сообщить о завершении, например: 

gulp.task('js', function(cb) {
    // Your js task code here
    cb();    
})

Кроме того, прочитайте последнюю документацию gulp4 .

...