Question

我正在尝试运行browsersync，因此我可以在浏览器中重新加载更改。

问题1： 连接到browsersync信息中心http://localhost:3001/，我看不到当前连接下列出的任何连接。

问题2： 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（）。

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

1 个答案: