[Gulp] The following tasks did not complete: Did you forget to signal async completion? 에러 해결법

gulp 작업 중 이런 식으로 문구가 뜨며 제대로 작동하지 않았다.

The following tasks did not complete: dev
Did you forget to signal async completion?

 

 

찾아보니 비동기 작업이 완료되지 않았기 때문이라는데 이를 해결하기 위해 찾아보니 방법이 자세하게 적혀있는 걸 찾았다.

 

https://stackoverflow.com/questions/36897877/gulp-error-the-following-tasks-did-not-complete-did-you-forget- to-signal-async

Gulp error: The following tasks did not complete: Did you forget to signal async completion?

 

여기에 여러 가지 방법이 적혀있는데 제일 쉬운 방법은 콜백함수를 호출하는 것이다.

gulp.task('message', function(done) {
  console.log("HTTP Server Started");
  done();
});

 

이걸 화살표 함수로 아래처럼 사용했다.

const message = (done) => {
  console.log("HTTP Server Started");
  done();
}

 

 

혹은 Promise나 async를 이용하는 방법도 있다.

gulp.task('message', function() { 
  return new Promise(function(resolve, reject) {
    console.log("HTTP Server Started");
    resolve();
  });
});

화살표 함수로 적용 시에는 이렇게.

const message = () => { 
  return new Promise(function(resolve) {
    console.log("HTTP Server Started");
    resolve();
  });
});

 

 

이 방법을 사용하자 문제의 문구가 사라졌다!