Gulp Browsersync 看不到当前连接，也不会重新加载

Question

我正在尝试运行 browsersync，以便在浏览器中实时重新加载更改。

问题一： 连接到 browsersync 仪表板 http://localhost:3001/，我没有看到 Current Connections 下列出任何连接。

问题二： gulpfile.js 中使用的重新加载功能在浏览器上并没有真正起作用，但是，它确实在我的 CLI 中被触发，它会在我在文本编辑器中提交更改时显示下一个：

Watch hit [BS] Reloading Browsers...

下一个：

gulp.watch("app/**/*.html").on("change", function () {

    console.log("Watch hit");
    browserSync.reload();

});

gulpfile.js

var gulp        = require('gulp');
var browserSync = require('browser-sync');
var reload      = browserSync.reload;

gulp.task('serve', function () {

    browserSync.init({
        server: {
            baseDir: "app/",
            proxy: 'localhost:3000'
        }
    });

    gulp.watch("app/**/*.html").on("change", function () {

        console.log("Watch hit");
        browserSync.reload();

    });

});

gulp.task('default', ['serve']);

所以，老实说，乍一看，一切看起来都很好。但我应该遗漏一些东西。

p.s.我没有 LiveReload Chrome 插件工作，或者至少我不认为它工作。

BrowserSync 同步选项

• CodeSync 重新加载或注入他们更改的文件
• 点击次数 跨设备镜像点击次数
• 滚动 跨设备镜像滚动位置
• 表单：提交表单提交将被同步
• 表单：输入文本输入（包括文本区域）将被同步
• 表单：切换

Answer 1

var browserSync = require('browser-sync').create();

注意最后的 create()。