Question

我有一个关于gulp的简单监视，当其中一个文件发生更改时重新加载所有js文件（使用gulp-connect），但每当任务相关运行时，我都会收到以下错误：

[15:14:35] Starting 'livereload:js'...
events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: write after end
    at ServerResponse.OutgoingMessage.write (_http_outgoing.js:439:15)
    at ServerResponse.res.inject.res.write (C:\dev\test-livereload\node_modules\connect-livereload\index.js:115:37)
    at ReadStream.ondata (_stream_readable.js:555:20)
    at emitOne (events.js:96:13)
    at ReadStream.emit (events.js:188:7)
    at readableAddChunk (_stream_readable.js:176:18)
    at ReadStream.Readable.push (_stream_readable.js:134:10)
    at onread (fs.js:1984:12)
    at FSReqWrap.wrapper [as oncomplete] (fs.js:681:17)

以下是代码：

gulp.task('livereload:js', function() {
  return gulp.src([paths.APP_ROOT + '/**/*.js'])
    //.pipe(wait(2000))  // if I add a small wait it doesn't crash as often
    .pipe(connect.reload());
});

gulp.task('run-watch', function() {
  gulp.watch([paths.APP_ROOT + '/**/*.js'], ['livereload:js']);
});

我有一个类似的任务，检查scss文件中的更改并在重新加载之前编译它们工作正常。

Answer 1

我找到了解决方法。而不是gulp.watch我使用gulp-watch包来运行connect.reload()，这可以在管道中使用。

我认为在文件准备好之前有一个竞争条件触发了重新加载。

使用gulp-connect在gulp.watch结束后写入错误

1 个答案: