Сигнал ошибки завершения асинхронного хотя я вернулся поток

Question

Я не могу понять, почему я получаю

Did you forget to signal async completion?

Вот мои настройки:

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')); 

Согласно StackTrace, мешающая линия

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

внутри задачи watch. Задача compile-ts работает и возвращает поток, который должен быть достаточным для завершения сигнала. Но почему я все равно получаю ошибку?

Это gulp@4.0.0-alpha.2.

EDIT:

Изменение 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(); 
}); 

Вызов обратного вызова здесь убеждается, что Глоток знает, что ваша watch задача успешно завершена. «Успешно завершено» в этом случае означает, что ваша задача запустила две часы. Обе часы будут продолжать работать даже после завершения задания watch. Итак, нет ничего плохого в том, что задача watch заканчивается через 4 мс.

Запуск часов, однако не автоматически запускает выполнение функции слушателя. Сначала вам нужно будет изменить один из просматриваемых файлов. В качестве альтернативы вы можете передать 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(); 
});