解决方案很简单，但我概述了我所做的更改、我得到的错误、前后的gulpfile以及包版本——因此使它看起来很长。

除了遵循保存.scss文件时输出的错误外，我还通过遵循前面多个答案的方向解决了这个问题。

简而言之:

我改变了gulp-sass的输入方式——见(A) 我把所有函数都改成了ASYNC函数——参见(B)

(A) gulp-sass import的改动:

之前:var sass = require('gulp-sass) After: var sass = require('gulp-sass')(require('sass'));

简单地将函数转换为ASYNC -

我的gulpfile看起来像以前:

'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 SCSS_SRC = './src/Assets/scss/**/*.scss';
var SCSS_DEST = './src/Assets/css';
 
function compile_scss() {
    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));
}
 
 
function watch_scss() {
    gulp.watch(SCSS_SRC, compile_scss);
}

gulp.task('default', watch_scss); //Run tasks
 
exports.compile_scss = compile_scss;
exports.watch_scss = watch_scss;

我的gulpfile看起来像:

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

var SCSS_SRC = './src/Assets/scss/**/*.scss';
var SCSS_DEST = './src/Assets/css';
 
async function compile_scss() {
    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));
}
 
async function watch_scss() {
    gulp.watch(SCSS_SRC, compile_scss);
}
 
gulp.task('default', watch_scss); // Run tasks
 
exports.compile_scss = compile_scss;
exports.watch_scss = watch_scss;

包版本:

"gulp": "^4.0.2",
"gulp-changed": "^4.0.3",
"gulp-rename": "^2.0.0",
"gulp-uglify": "^3.0.2",
"gulp-clean-css": "^4.3.0",
"gulp-sass": "^5.0.0",
"sass": "^1.38.0"

我得到的错误:

Error in plugin "gulp-sass"
Message:

gulp-sass 5 does not have a default Sass compiler; please set one yourself.
Both the `sass` and `node-sass` packages are permitted.
For example, in your gulpfile:

  var sass = require('gulp-sass')(require('sass'));

[14:00:37] The following tasks did not complete: default, compile_scss
[14:00:37] Did you forget to signal async completion?

所以我在Gulp 4中得到了相同的错误，但解决方案不同。我犯了一个错误: “你忘记给异步完成打信号了吗?” 但在错误之前，它还说: gulp-sass不再有默认的Sass编译器;请自己设置一个。” 一开始我完全错过了这部分。 所以我在gulfile.js中有这个:

const sass = require('gulp-sass')

这应该改为:

const sass = require('gulp-sass')(require('sass'));

现在它起作用了。

我知道这个问题在6年前就出现了，但可能你在函数中错过了返回。 我今天早上用eslint修复了这个问题，在我的工作目录中运行“gulp lint”后，它给了我同样的消息。

例子:

function runLinter(callback)
{
  return src(['**/*.js', '!node_modules/**'])
    .pipe(eslint())
    .on('end', ()=>
    {
        callback();
    });
}

exports.lint = runLinter;

对我来说，问题是不同的:angular -cli没有安装(我用NVM安装了一个新的Node版本，只是忘记重新安装angular cli)

你可以检查运行“ng version”。

如果你没有，运行"npm install -g @angular/cli"

就是这样:没有同步任务。

无同步任务

不再支持同步任务。它们通常会导致难以调试的细微错误，比如忘记从任务中返回流。

当您看到“是否忘记发出异步完成信号?”警告，上面提到的技术都没有使用。您需要使用错误优先回调或返回流、承诺、事件发射器、子进程或可观察对象来解决该问题。

使用异步/等待

当不使用任何前面的选项时，您可以将任务定义为async函数，该函数将任务包装在promise中。这允许您使用await和其他同步代码同步地处理promise。

const fs = require('fs');

async function asyncAwaitTask() {
  const { version } = fs.readFileSync('package.json');
  console.log(version);
  await Promise.resolve('some result');
}

exports.default = asyncAwaitTask;

你需要做两件事:

在函数之前添加async。 用return开始函数。 Var gulp = require('gulp'); 饮而尽。Task ('message'， async function() { 返回console.log("HTTP服务器已启动"); })；