我有以下gulpfile.js，我通过命令行gulp消息执行:
var gulp = require('gulp');
gulp.task('message', function() {
console.log("HTTP Server Started");
});
我得到以下错误消息:
[14:14:41] Using gulpfile ~\Documents\node\first\gulpfile.js
[14:14:41] Starting 'message'...
HTTP Server Started
[14:14:41] The following tasks did not complete: message
[14:14:41] Did you forget to signal async completion?
我在Windows 10系统上使用gulp 4。下面是gulp——version的输出:
[14:15:15] CLI version 0.4.0
[14:15:15] Local version 4.0.0-alpha.2
当前回答
解决方案:我们需要调用回调函数(任务和匿名):
function electronTask(callbackA)
{
return gulp.series(myFirstTask, mySeccondTask, (callbackB) =>
{
callbackA();
callbackB();
})();
}
其他回答
我不能说我在这方面很有知识，但我也遇到过同样的问题，并且已经解决了。
解决这个问题的第七种方法是使用async函数。
编写函数时，要加上async前缀。
通过这样做，Gulp将函数包装在承诺中，任务将正常运行。
例子:
async function() {
// do something
};
资源:
Gulp页面的最后一节:使用Async /await。 Mozilla异步函数文档。
解决方案:我们需要调用回调函数(任务和匿名):
function electronTask(callbackA)
{
return gulp.series(myFirstTask, mySeccondTask, (callbackB) =>
{
callbackA();
callbackB();
})();
}
这个工作!
在2021年2月18日的最新更新中，我在使用下面的旧解决方案后发现了这个问题，然后我在下一个gulp版本中使用以下方法来修复它。
文件:Package.json
...,
"devDependencies": {
"del": "^6.0.0",
"gulp": "^4.0.2",
},
...
文件:gulpfile.js
const {task} = require('gulp');
const del = require('del');
async function clean() {
console.log('processing ... clean');
return del([__dirname + '/dist']);
}
task(clean)
...
老版本
gulp.task('script', done => {
// ... code gulp.src( ... )
done();
});
gulp.task('css', done => {
// ... code gulp.src( ... )
done();
});
gulp.task('default', gulp.parallel(
'script',
'css'
)
);
由于你的任务可能包含异步代码，你必须在任务执行完成时发出gulp信号(= "async completion")。
在Gulp 3。X，你可以不这样做。如果你没有显式地发出异步完成信号，gulp就会假设你的任务是同步的，只要你的任务函数返回，它就会完成。杯4。X在这方面更为严格。你必须明确地表示任务完成。
你可以通过六种方式做到这一点:
1. 返回一个流
如果你只是想打印一些东西，这不是一个真正的选择，但它可能是最常用的异步完成机制，因为你通常使用gulp流。下面是一个(相当做作的)例子，为你的用例演示它:
var print = require('gulp-print');
gulp.task('message', function() {
return gulp.src('package.json')
.pipe(print(function() { return 'HTTP Server Started'; }));
});
这里重要的部分是return语句。如果不返回流，gulp无法确定流何时结束。
2. 履行承诺
这是一种更适合您的用例的机制。注意，大多数时候你不需要自己创建Promise对象，它通常由一个包提供(例如，经常使用的del包返回一个Promise)。
gulp.task('message', function() {
return new Promise(function(resolve, reject) {
console.log("HTTP Server Started");
resolve();
});
});
使用async/await语法可以进一步简化。所有标记为async的函数都隐式返回一个Promise，因此以下也可以工作(如果你的node.js版本支持它):
gulp.task('message', async function() {
console.log("HTTP Server Started");
});
3.调用回调函数
对于您的用例来说，这可能是最简单的方法:gulp自动将一个回调函数作为第一个参数传递给任务。当你完成时，只需调用该函数:
gulp.task('message', function(done) {
console.log("HTTP Server Started");
done();
});
4. 返回子进程
如果你必须直接调用命令行工具，因为没有node.js包装器可用，这是非常有用的。它适用于你的用例，但显然我不推荐它(特别是因为它不是很可移植):
var spawn = require('child_process').spawn;
gulp.task('message', function() {
return spawn('echo', ['HTTP', 'Server', 'Started'], { stdio: 'inherit' });
});
5. 返回一个RxJS Observable。
我从未使用过这种机制，但如果您正在使用RxJS，它可能会有用。如果你只是想打印一些东西，这有点过头了:
var of = require('rxjs').of;
gulp.task('message', function() {
var o = of('HTTP Server Started');
o.subscribe(function(msg) { console.log(msg); });
return o;
});
6. 返回一个EventEmitter
与前一个一样，为了完整起见，我包含了它，但它并不是真正要使用的东西，除非您已经出于某种原因使用了EventEmitter。
gulp.task('message3', function() {
var e = new EventEmitter();
e.on('msg', function(msg) { console.log(msg); });
setTimeout(() => { e.emit('msg', 'HTTP Server Started'); e.emit('finish'); });
return e;
});
Gulp 4的一个问题。
为了解决这个问题，尝试改变您当前的代码:
gulp.task('simpleTaskName', function() {
// code...
});
举个例子:
gulp.task('simpleTaskName', async function() {
// code...
});
或者变成这样:
gulp.task('simpleTaskName', done => {
// code...
done();
});
