Синхронизация браузера не обслуживает корневые файлы

Question

Синхронизация браузера не обслуживает корневые файлы, используя gulp.

это мой код:

 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);
});

Я попытался поиграть с настройками синхронизации браузера и ничего не работает. он обслуживает только файлы вложенных папок.

Указывает index.html, но не обслуживает его. что означает, что при переходе на index.html

не произошло liveReload

Answer 1

Привет, это не проблема с синхронизацией. index.html был добавлен после синхронизации браузера. Вот почему я собираюсь закрыть этот вопрос. Спасибо.

Answer 2

[слишком много для комментария]:

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

являются избыточными (поскольку globstar ** соответствует 0 или более каталогам - здесь вы, очевидно, имеете 0 каталогов от src до index.html),Первые часы включены во вторые, так что, возможно, browserSync запутывается.Попробуйте удалить первое, оставив только

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

и посмотрите, поможет ли это.** Globstar Docs .

Также попробуйте:

baseDir: "public"

или

baseDir: "./public"

вместо

baseDir: ["public"]