【gulp.js】Browsersyncのリロード1回しかされない
gulpを使ったBrowsersyncがなぜか1回しかリロードされなかった時の対処法。
はじめに、動かなかったソース。
恐れ多くも、スクーを参考に進めていたので、そのままです。。。
var gulp = require("gulp");
var browserSync = require("browser-sync");
gulp.task("default", function() {
browserSync.init({
server: {
baseDir: "./src"
}
});
gulp.watch("src/**", function() {
browserSync.reload()
});
});
対処法は、done()をつけました。
functionの中にreturnがなければ、done();をつけてそのタスクを完了したとしなければエラーが出るそうです。
多分今回はタスクが完了した事になっていなかったのが原因だったのかな。と思います。
以下、参考にさせていただきました。
var gulp = require("gulp");
var browserSync = require("browser-sync");
gulp.task("default", function(done) { //doneをつけました。
browserSync.init({
server: {
baseDir: "./src"
}
});
gulp.watch("src/**", function(done) { //doneをつけました。
browserSync.reload();
done(); //追加
});
});
これでリロード1回しかしない問題は解消できました！
Author And Source
この問題について(【gulp.js】Browsersyncのリロード1回しかされない), 我々は、より多くの情報をここで見つけました https://qiita.com/KKKarin/items/66fae426e0526c64c649著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .