Question

鉴于以下gulp任务，我能够成功启动gulp，webpack和nodemon进程，但webpack任务是开放式的，因此当他们的监视/编译周期完成时，他们将继续触发完成处理程序。

服务器任务取决于客户端任务输出，因此我需要这些操作是同步的，因此done

function onBuild(done) {
    return function(err, stats) {
        if(err) {
            gutil.log('Error', err);
            if(done) {
                done();
            }
        } else {
            Object.keys(stats.compilation.assets).forEach(function(key){
                gutil.log('Webpack: output ', gutil.colors.green(key));
            });
            gutil.log('Webpack: ', gutil.colors.blue('finished ', stats.compilation.name));
            if(done) {
                done();
            }
        }
    }
}

//dev watch
gulp.task('webpack-client-watch', function(done) {
    webpack(devConfig[0]).watch(100, function(err, stats) {
        onBuild(done)(err, stats);
    });
});

gulp.task('webpack-server-watch', function(done) {
    webpack(devConfig[1]).watch(100, function(err, stats) {
        onBuild(done)(err, stats);
        nodemon.restart();
    });
});

gulp.task('webpack-watch',function(callback) {
    runSequence(
        'webpack-client-watch',
        'webpack-server-watch',
        callback
    );
});

gulp.task('nodemon', ['webpack-watch'], function() {
    nodemon({
        script: path.join('server/dist/index.js'),
        //ignore everything
        ignore: ['*'],
        watch: ['foo/'],
        ext: 'noop'
    }).on('restart', function() {
        gutil.log(gutil.colors.cyan('Restarted'));
    });
});

当我更改文件时，观察者做了它的事情并且吞咽了抱怨再次调用回调。

[15:00:25] Error: task completion callback called too many times

我看过这个，但不确定它是否适用。

Why might I be getting "task completion callback called too many times" in gulp?

基本上，我只是想让它同步连续工作而不会出错。

gulp nodemon

Answer 1

这解决了我的问题：请勿在{{1}}任务中调用callback参数。完全不用了。
在那之后，观察者工作得很好而且没有抱怨。

Answer 2

如果您的应用程序中存在 public 文件夹。在看到此问题已解决之后，请删除并重新运行。

避免多次调用任务完成回调？

2 个答案: