AssertionError при обновлении до Gulp 4.0 - PullRequest
Новая
       42

AssertionError при обновлении до Gulp 4.0

0 голосов
/ 16 марта 2019

Надоело, что я не могу использовать некоторые новые свойства CSS Grid в моем проекте, и решил обновить свою среду сборки.

Дошло до того, что я обновил node, npm, gulp и все мои пакеты. Но я получаю ошибки, пытаясь запустить gulp в моем проекте. Читал статьи о процессе миграции с предыдущих версий gulp до 4.0, но мне пока не удалось заставить его работать.

Я получаю ошибку: 

AssertionError [ERR_ASSERTION]: Task function must be specified
    at Gulp.set [as _setTask]

gulpfile для моего проекта был структурирован так: 

    var themename = 'akira';

var gulp = require('gulp'),
    // Prepare and optimize code etc
    autoprefixer = require('autoprefixer'),
    browserSync = require('browser-sync').create(),
    jshint = require('gulp-jshint'),
    postcss = require('gulp-postcss'),
    sass = require('gulp-sass'),
    sourcemaps = require('gulp-sourcemaps'),

    // Only work with new or updated files
    newer = require('gulp-newer'),

    // Name of working theme folder
    root = '../' + themename + '/',
    scss = root + 'sass/',
    js = root + 'js/',
    img = root + 'images/',
    languages = root + 'languages/';


// CSS via Sass and Autoprefixer
gulp.task('css', function() {
    return gulp.src(scss + '{style.scss,rtl.scss}')
    .pipe(sourcemaps.init())
    .pipe(sass({
        outputStyle: 'expanded',
        indentType: 'tab',
        indentWidth: '1'
    }).on('error', sass.logError))
    .pipe(postcss([
        autoprefixer('last 2 versions', '> 1%')
    ]))
    .pipe(sourcemaps.write(scss + 'maps'))
    .pipe(gulp.dest(root));
});

// JavaScript
gulp.task('javascript', function() {
    return gulp.src([js + '*.js'])
    .pipe(jshint())
    .pipe(jshint.reporter('default'))
    .pipe(gulp.dest(js));
});


// Watch everything
gulp.task('watch', function() {
    browserSync.init({
        open: 'external',
        proxy: 'www.akira.test',
        port: 8080
    });
    gulp.watch([root + '**/*.css', root + '**/*.scss' ], ['css']);
    gulp.watch(js + '**/*.js', ['javascript']);
    gulp.watch(root + '**/*').on('change', browserSync.reload);
});


// Default task (runs at initiation: gulp --verbose)
gulp.task('default', ['watch']);

Просматривая сообщение об ошибке и следуя ему до первого упоминания моего gulpfile.js, выдает: 

themes/gulp-dev/gulpfile.js:57:6

И это должна быть строка: 

gulp.watch(root + '**/*').on('change', browserSync.reload);

Но я не имел ни малейшего понятия о том, как изменить этот старый код для работы с gulp 4.0. Любая помощь будет высоко ценится!

1 Ответ

0 голосов
/ 16 марта 2019

Измените свою строку; 

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

, то есть синтаксис gulp 3.Используйте это вместо: 

gulp.task('default', gulp.series('watch'));

Поскольку ваш второй аргумент является массивом, а не функцией - что необходимо в gulp 4 - gulp не считает, что вы указали функцию задачи для запуска.

...