Làm thế nào để xem các tệp trong gulp? [bản sao]

Aug 15 2020

Tôi đang tham gia một khóa học lỗi thời về phát triển web và tôi gặp khó khăn liên quan đến nuốt chửng. Điều tôi đang cố gắng tìm ra là cách xem tệp bằng đồng hồ gulp. Tôi nhận được thông báo lỗi bất cứ khi nào tôi nhấn "gulp watch" trong lệnh của mình. Bất cứ ai có thể biết làm thế nào để sửa chữa điều này? Đây là mã gulpfile.js của tôi:

<pre>
var gulp = require('gulp'),
watch = require('gulp-watch');

gulp.task('default', function() {
  console.log("This is a gulp task");
});

gulp.task('html', function() {
  console.log("This is your HTML");
});

gulp.task('styles', function() {
  console.log("This is for your css/sass/postcss`enter code here`");
});

gulp.task('watch', function() {

  watch('./app/index.html', function() {
    gulp.start('html');
  });

  watch('./app/assets/styles/**/*.css', function() {
    gulp.start('styles');
  });

});
</pre>

Đây là thông báo lỗi:

(node:7812) UnhandledPromiseRejectionWarning: TypeError: gulp.start is not a function
(node:7812) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:7812) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Trả lời

nunop Aug 17 2020 at 21:30

gulp.startđã không được dùng nữa kể từ phiên bản 4 và bạn đang sử dụng phiên bản Gulp này, bạn có thể muốn thử gulp.seriesthay thế:

gulp.task('watch', gulp.series('styles', 'html',  function(done) {
    gulp.watch('./app/assets/styles/**/*.css', gulp.series('styles'));
    gulp.watch('./app/index.html', gulp.series('html'));
    done();
}));