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

我尝试使用浏览器同步选项，但没有任何效果。它只提供subFolder文件。

指向index.html，但没有提供。这意味着更改为index.html时未发生liveReload

Answer 1

[太多评论]：

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

是多余的（因为globstar **匹配0个或更多目录-在这里您显然在src和index.html之间有0个目录）。第一块手表包括在第二块手表中，因此browserSync可能会感到困惑。尝试删除第一个，仅保留

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

，看看是否有帮助。 ** globstar docs。

也尝试：

baseDir: "public"

或

baseDir: "./public"

代替

baseDir: ["public"]

Answer 2

你好，这不是鲍泽同步问题。在浏览器同步投放之后添加了index.html。那就是为什么我要结束这个问题。谢谢。

浏览器同步不提供根文件

2 个答案: