Gulp 4 выдает в «The following tasks did not complete... Did you forget to signal async completion». Как это исправить?

Question

[Богдан]

Привет всем !

Gulpfile.js:

const gulp = require('gulp'),
      gp = require('gulp-load-plugins')(); 


gulp.task('img:compress', gulp.series( function(cb)  {
  return gulp.src('img/*')
    .pipe(gp.tinypng('RJnL6Rx3l41Y58OJziMBRUeoteR09LBb'))
    .pipe(gulp.dest('compressed_img/'))
 	cb(); 
}));

В консоли выдает:

[19:11:08] The following tasks did not complete: img:compress, <anonymous>
[19:11:08] Did you forget to signal async completion?

В чем может быть причина?
Как мне изменить код чтобы, это сообщение больше не вылазило в консоли?

Answer 1

[Flying]

У вас вызов cb() стоит после return т.е. он вообще не вызывается. Но поскольку в списке аргументов он есть - gulp ожидает его вызова и, не дождавшись, ругается.

В вашем случае cb вообще не нужен, просто уберите его из списка аргументов и всё начнёт работать.

Comments

[Богдан]

Если я уберу вызов cb(), то ничего не изменится. Уже пробовал єтот вариант

[Flying]

Важно не убрать вызов cb(), а убрать сам аргумент cb из функции т.к. gulp ориентируется по нему. Посмотрите соответствующую статью в документации.

[RAX7]

Богдан, вызов cb() идет после return и естественно он не срабатывает.

[Богдан]

Flying, уже что только не пробовал с той статьи - ничего не помогает...

[Flying]

Богдан, А вы уверены что дело именно в этой задаче? Т.е. то что вы привели в вопросе - это полный скрипт или только часть?

[Богдан]

Flying, Да, уверен. Это полный скрипт

Пробовал сжимать картинки через gulp-tinypng-compress, так как он более свежий, но с ним ситуация та же...

[Flying]

Богдан, Ради теста скопировал 1:1 приведённый вами в тексте вопроса gulpfile, установил пакеты:

{
  "name": "gulp-test",
  "version": "1.0.0",
  "main": "index.js",
  "dependencies": {
    "gulp": "^4.0.2",
    "gulp-load-plugins": "^2.0.1",
    "gulp-tinypng": "^1.0.2"
  }
}

и запустил gulp img:compress, всё отработало корректно, никакой ошибки:

d:\gulp-test>gulp img:compress
[17:05:06] Using gulpfile d:\gulp-test\gulpfile.js
[17:05:07] Starting 'img:compress'...
[17:05:07] Starting '<anonymous>'...
[17:05:08] gulp-tingpng: [compressing] ? 1.jpg (done)
[17:05:10] gulp-tingpng: [compressing] ? 2.jpg (done)
[17:05:11] gulp-tingpng: [compressing] ? 3.jpg (done)
[17:05:12] gulp-tingpng: [compressing] ? 4.jpg (done)
[17:05:12] Finished '<anonymous>' after 5.44 s
[17:05:12] Finished 'img:compress' after 5.44 s

[Богдан]

Flying, попробуйте сжать большое количетсво картинок (больше 150, например)

[Flying]

Обработал 268 картинок - никаких проблем

[Богдан]

Flying, попробовал перейти на плагин gulp-tinypng-compress ( он более новый), так он без проблем работает. Cпасибо за помощь Flying !

Answer 2

[runprogr]

gulp.task('img:compress', function  {
  return gulp.src('img/*')
    .pipe(gp.tinypng('RJnL6Rx3l41Y58OJziMBRUeoteR09LBb'))
    .pipe(gulp.dest('compressed_img/');
});

Comments

[Богдан]

Так у меня было с самого начала. «The following tasks did not complete... Did you forget to signal async completion» - это сообщение и тогда появлялось :(