Question

我无法弄清楚为什么我要

您是否忘记发信号异步完成？

这是我的设置：

gulp.task('compile-ts', () => {
    return tsProject.src(config.files.src.ts)
        .pipe($.tap((file, t) => {
            logVerbose('Compiling "' + file.path + "'");
        }))
        .pipe($.sourcemaps.init())
        .pipe($.typescript(tsProject))
        .pipe($.sourcemaps.write('./'))
        .pipe($.chmod(755))
        .pipe(gulp.dest(config.dist));
});

gulp.task('copy-assets', () => {
    return gulp.src(config.files.src.css_html_js, { base: config.src })
        .pipe($.tap((file, t) => {
            logVerbose('Copying "' + getFileName(file.path) + "'");
        }))
        .pipe($.chmod(755))
        .pipe(gulp.dest(config.dist));
});

gulp.task('browser-sync', (done) => {
    browserSync.init({
        "port": 3000,
        "startPath": "dist/index.html",
        "browser": "chrome",
        "logLevel": "silent",
        "server": {
            "middleware": {
                "0": null
            }
        }
    }, done);  
    process.on('exit', () => {
        browserSync.exit();
    });
})

gulp.task('watch', gulp.parallel(() => {
    gulp.watch(config.files.ts, gulp.series('compile-ts'));
}, () => {
    gulp.watch(config.files.css_html_js, gulp.series('copy-assets'));
}));

gulp.task('serve-dist', gulp.parallel('watch', 'browser-sync'));

根据堆栈跟踪，违规行是

gulp.watch(config.files.ts, gulp.series('compile-ts'));

在watch任务中。任务compile-ts正在运行，它返回一个流，该流应足以表示完成。但是为什么我还得错误呢？

这是gulp@4.0.0-alpha.2。

编辑：

将watch任务更改为

gulp.task('watch', (done) => {
    gulp.watch(config.files.css_html_js, gulp.series('copy-assets'));
    gulp.watch(config.files.ts, gulp.series('compile-ts'));
    done();
});

我不再有任何错误，但任务在4毫秒内完成，什么都不做。如果我删除done部分，我会再次收到同样的错误。

EDIT2：我将任务分开了一些，以便能够查明问题，

gulp.task('watch-ts', () => {
    return gulp.watch(config.files.ts, gulp.series('compile-ts'));
});

gulp.task('watch-assets', () => {
    return gulp.watch(config.files.css_html_js, gulp.series('copy-assets'));
});

gulp.task('watch', gulp.parallel('watch-ts', 'watch-assets'));

现在watch-ts和watch-assets都给了我错误消息。据我所知，其中任何一个都会返回一个流。

Answer 1

您始终需要在组成任务的每个函数中发出异步完成信号。不只是那些异步的。不只是那些使用流的人。如果您未在函数中返回流，则仍需要以某种方式发出异步完成信号（通常通过调用回调）。

所以你的第一次编辑已经是正确的了：

gulp.task('watch', (done) => {
  gulp.watch(config.files.css_html_js, gulp.series('copy-assets'));
  gulp.watch(config.files.ts, gulp.series('compile-ts'));
  done();
});

在此处调用回调可确保gulp知道您的watch任务已成功完成。＆＃34;成功完成＆＃34;在这种情况下意味着您的任务已启动两个手表。即使在watch工作完成后，这两款手表仍将继续运行。因此watch任务在4ms后终止的事实没有错。

然而，启动手表不会自动触发侦听器功能的执行。您必须先修改其中一个已观看的文件。或者，您可以将ignoreInitial option传递给gulp.watch()，这会在首次启动时触发观看：

gulp.task('watch', (done) => {
  gulp.watch(config.files.css_html_js, {ignoreInitial:false}, gulp.series('copy-assets'));
  gulp.watch(config.files.ts, {ignoreInitial:false}, gulp.series('compile-ts'));
  done();
});

虽然我返回了一个流，但是信号异步完成错误

1 个答案: