Khi làm việc với Gulp, bạn có thể gặp lỗi sau:
Các tác vụ sau không hoàn thành... Bạn có quên báo hiệu hoàn thành bất đồng bộ?Lỗi này xảy ra vì trong Gulp 4, tất cả các tác vụ đều tự động là bất đồng bộ.
Hàm đồng bộ thực thi tuần tự, mỗi hàm phải chờ hàm trước hoàn thành mới chạy. Hàm bất đồng bộ có thể bắt đầu chạy trong khi vẫn chờ kết quả của hàm trước. Điều này giúp quy trình hiệu quả hơn vì không bị chặn. Tuy nhiên, để biết khi nào hàm đã hoàn thành, chúng ta cần chúng trả về các dấu hiệu rõ ràng. hầu hết các tác vụ Gulp như src() hay dest() đều trả về Node stream, nên bạn không cần lo lắng.
Tuy nhiên, nếu bạn có hàm tùy chỉnh không trả về stream, bạn cần thêm hàm callback vào cuối hàm đó. Nếu không, bạn sẽ gặp thông báo lỗi trên.
Để khắc phục lỗi, hãy thêm hàm callback như ví dụ sau:
function helloWorld(cb){ console.log('Hellooooo world!'); cb(); } Trong hàm helloWorld này, chúng ta thêm tham số cb là hàm callback và gọi nó ở cuối hàm. Việc này sẽ báo hiệu hoàn thành bất đồng bộ và khắc phục được lỗi.
Nếu bạn muốn tìm hiểu sâu hơn về cách thiết lập Gulp, hãy xem khóa học Gulp 4 cho người mới bắt đầu của tôi!