【问题标题】:Gulp error: The following tasks did not complete: Async IssueGulp 错误:以下任务未完成:异步问题
【发布时间】:2021-10-26 22:28:50
【问题描述】:

我是 gulp 的新手,将 gulp-sass 更新到 5.0 后出现此错误。我尝试了与互联网不同的东西,但没有得到它的工作。

Gulp 版本:4.0.0 吞咽萨斯:5.0.0 萨斯:1.38.1

这是我的 gulpfile.js

var sourcemaps    = require('gulp-sourcemaps');
var mode          = require('gulp-mode')();
var browserSync   = require('browser-sync').create();
var sass          = require('gulp-sass')(require('sass'));
var $             = require('gulp-load-plugins')();
var autoprefixer  = require('autoprefixer');
var isProduction = mode.production();

var sassPaths = [
//   'node_modules/foundation-sites/scss',
//   'node_modules/motion-ui/src'
];


function sass() {
  return gulp.src('assets/sass/theme.scss')
    .pipe(mode.development(sourcemaps.init()))
    .pipe($.sass.sync(({
      includePaths: sassPaths,
      outputStyle: 'compressed' // if css compressed **file size**
    })).on('error', $.sass.logError))
    .pipe($.postcss([
      autoprefixer({ overrideBrowserslist: ['last 2 versions', 'ie >= 9'] })
    ]))
    .pipe(mode.development(sourcemaps.write()))
    .pipe(gulp.dest('assets/css'))
    .pipe(browserSync.stream());
};

function serve() {
    browserSync.init({
      server: "./"
    });
  gulp.watch("assets/sass/**/*.{scss,sass}", sass);
  gulp.watch("*.html").on('change', browserSync.reload);
}

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

if( isProduction ){
  gulp.task('default', gulp.series(sass));
}

【问题讨论】:

  • 自 2014 年以来没有人使用 gulp ;)
  • @Dominic 每周 130 万。

标签: javascript node.js asynchronous sass gulp


【解决方案1】:

你有几个问题:

  1. 不要将你的任务命名为sass,你的require 对象也命名为sass。为其中一个选择不同的名称。

  2. 这很奇怪:

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

你只需要

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

只要使用你的任务名称,这里我只是将其重命名为sass2,无需将它们称为字符串。

您的serve 与您的default 任务也没有什么不同...

【讨论】:

    猜你喜欢
    • 2016-08-22
    • 1970-01-01
    • 2021-07-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-08
    相关资源
    最近更新 更多