gulp.watch（）無法與玉一起使用

Question

突然，我所有的玉石文件的gulpfile.js的watch語句停止工作。 你知道為什么嗎？

玉器任務：

gulp.task('jade', function() {
  gulp.src('app/*.jade')
    .pipe(jade())
    .on('error', function(err) {
      console.log(err)
      this.emit('end')
    })
    .pipe(minifyHTML())
    .pipe(gulp.dest('dist/'))
    .pipe(browserSync.stream())
})

我還使用BrowserSync，因此我將所有watch語句放入serve任務中，如下所示：

gulp.task('serve', ['styles', 'html', 'jade', 'scripts'], function() {
  browserSync.init({
    server: './dist'
  })
  gulp.watch('app/css/**/*.sass', ['styles'])
  gulp.watch('app/*.jade').on('change', function() {
    gulp.run(['jade'])
    browserSync.reload()
  })
  gulp.watch('app/src/*.js', ['scripts'])
})

另外，所有其他監視語句都有效，因此我真的不知道發生了什么。 謝謝您的幫助！

Answer 1

我會嘗試兩件事。

1. 在gulp.src('app/*.jade')前面添加return ，以便管道知道它已完成（有關此信息，請參閱此問題 ）
2. 更改gulp.watch的jade來gulp.watch('app/*.jade', ['jade']).on('change', browserSync.reload()) 你的方式對我來說似乎很奇怪。

我建議您從玉升級到哈巴狗。

Answer 2

如果沒有代碼更改，但突然停止工作，則需要檢查一些事項。

如果您使用的是node和npm：

• 您是否將依賴項鎖定在package.json中？
• Jade，Gulp或browserSync是否更新了？
• 上一次刪除所有node_modules文件夾並運行npm install 。
• 您是否切換了節點版本？