Browser sync isn't serving the root files

Question

Browser sync isn't serving the root files using gulp.

this is my code:

 gulp.task("liveReload", [
  "copy", "watch"
], function () {

  browserSync.init(null,{
    server: {
      baseDir: ["public"]
    },
    files: ["*"],
    port: 8080
  });
  gulp.watch("src/index.html").on("change",browserSync.reload);
  gulp.watch("src/**/*.html").on("change",browserSync.reload);
  gulp.watch(paths.srcJS, browserSync.reload);
});

I tried to play with the browser sync options and nothings works. it's only serving the subFolder files.

Is pointing the index.html but isn't serving it. which mean no liveReload occurred while changing to index.html

Is your copy function actually copying the files to the destination "public" folder ? — jmtalarn, Nov 12 '18 at 15:16

Mark · Answer 1 · 2018-11-12T17:03:25.770

0

[too much for a comment]:

gulp.watch("src/index.html").on("change",browserSync.reload);
gulp.watch("src/**/*.html").on("change",browserSync.reload);

are redundant (since the globstar ** matches 0 or more directories - here you apparently have 0 directories between src and index.html). The first watch is included in the second so maybe browserSync is getting confused. Try removing the first, leaving only

gulp.watch("src/**/*.html").on("change",browserSync.reload);

and see if that helps. ** globstar docs.

Also try:

baseDir: "public"

or

baseDir: "./public"

instead of

baseDir: ["public"]

edited Nov 12 '18 at 17:03

answered Nov 12 '18 at 16:09

Mark

143,421
24
428
436

Hi Mark, Thanks for your answer. You are right, `("src/**/*.html")` is sufficient. but `brwoserSync.reload` is for what the serve is listening for reloading that why doesn't solve my issue – Khaled Ramadan Nov 12 '18 at 16:35
But if you remove the first one ('src/index.html') does it still not work? – Mark Nov 12 '18 at 16:39
I remove the first line and still not work. If you got o subDir it will work well – Khaled Ramadan Nov 12 '18 at 16:45
See my additional suggestion in the my answer above. – Mark Nov 12 '18 at 17:04
Hello. Please see my answer – Khaled Ramadan Nov 13 '18 at 06:49

score 0 · Answer 2 · answered Nov 13 '18 at 06:48

0

Hello it wasn't bowser sync issue. the index.html was added after the browser sync serving. That why I gonna close this question. Thanks.

answered Nov 13 '18 at 06:48

Khaled Ramadan

161
3
13

Browser sync isn't serving the root files

2 Answers2