无法使用 gulp 编译 sass答案

【问题标题】：Unable to compile sass using gulp无法使用 gulp 编译 sass
【发布时间】：2019-04-07 15:11:10
【问题描述】：

我是 js 新手，正在学习教程。我安装了 gulp 并在尝试编译 sass 文件时遇到了错误。错误如下：

AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (C:\Users\*****\Documents\GitHub\*****\node_modules\undertaker\lib\set-task.js:10:3)
at Gulp.task (C:\Users\*****\\Documents\GitHub\*****\\node_modules\undertaker\lib\task.js:13:8)
at Object.<anonymous> (C:\Users\*****\\Documents\GitHub\*****\\gulpfile.js:38:6)
at Module._compile (internal/modules/cjs/loader.js:701:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
at Module.load (internal/modules/cjs/loader.js:600:32)
at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
at Function.Module._load (internal/modules/cjs/loader.js:531:3)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (internal/modules/cjs/helpers.js:22:18)

我尝试遵循 gulp 文档中的语法，但无法使其正常工作。

我的代码：

'use strict';

//dependencies
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-clean-css');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var changed = require('gulp-changed');
var once = require('async-once');


///////////////
// - SCSS/CSS
///////////////

var SCSS_SRC = './src/assets/scss/**/*.scss';
var SCSS_DEST = './src/assets/css';

// Compile SCSS
gulp.task('styles', function () {
gulp.src(SCSS_SRC)
    .pipe(sass().on('error', sass.logError))
    .pipe(minifyCSS())
    .pipe(rename({ suffix: '.min'}))
    .pipe(changed(SCSS_DEST))
    .pipe(gulp.dest(SCSS_DEST))
});


// detect changes in SCSS
gulp.task('watch_scss', function() {
gulp.watch(SCSS_SRC, ['compile_scss']);
});


// Run tasks
gulp.task('default', ['compile_scss']);

【问题讨论】：

您使用的是 gulp3 语法，请查看 gulp4 文档。因此，将 gulp.watch(SCSS_SRC, ['compile_scss']); 更改为 gulp.watch(SCSS_SRC, gulp.series('compile_scss)); 和 default 任务相同。
谢谢。将检查 gulp4 文档。
检查 gulp 文档后，我发现 gulp 3 和 gulp 4 之间没有太大变化。使用 gulp.watch 和 gulp.series，我修复了错误。再次感谢您对马克的帮助。抱歉这么久才回复。

标签： gulp gulp-watch gulp-sass

【解决方案1】：

看起来你的 gulp 任务没有返回。

尝试： // 编译 SCSS

gulp.task('styles', function () {
**return** gulp.src(SCSS_SRC)
    .pipe(sass().on('error', sass.logError))
    .pipe(minifyCSS())
    .pipe(rename({ suffix: '.min'}))
    .pipe(changed(SCSS_DEST))
    .pipe(gulp.dest(SCSS_DEST))
});

【讨论】：

No return 不会导致错误：Task function must be specified。正如 OP 所见，答案在我的评论中。