質問: require('gulp-connect-php'); //sassの設定 gulp.task('sass', function() { return gulp //コンパイル対象のフォルダ .src('Work/scss/*.scss') //エラー通知 .pipe(plumber({ errorHandler: notify.onError("Error: <%= error.message %>") })) //コンパイル .pipe(sass()) // ベンダープレフィックスを付与 .pipe(autoprefixer()) // 出力 .pipe(gulp.dest('Work/css')) //ブラウザーの更新 .pipe(browserSync.stream()); }); //ローカルサーバーの立ち上げ gulp.task('server', function() { php.server({ //出力先のフォルダパス base: "Work/", port: 80 }, function() { browserSync.init({ proxy: 'localhost:80/Work/index.php' //ブラウザに出力させるファイル }); }); }); //ブラウザの更新 gulp.task('reload', function() { browserSync.reload(); }); //監視するフォルダの設定 gulp.task('watch', function() { // Workフォルダ内の*.php,*.htmlが更新されたら、serverを実行 gulp.watch('Work/*.php', gulp.parallel('reload', 'watch')); // scssフォルダ内が更新されたら、sassを実行 gulp.watch('Work/scss/*.scss', gulp.series('sass', 'watch')); }); gulp.task('default', gulp.parallel('server', 'watch') ); ```
回答: 自己解決しました。 bodyタグが無効になるようなエラー、またはbodyタグが入っていない場合のエラーは自動更新が止まってしまうらしいですが、browsersyncのオプションで解消できるらしいです。