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

Gulp Browsersync看不到当前连接,也不重新加载,gulp,browser-sync,livereload,Gulp,Browser Sync,Livereload,我正在尝试运行browsersync,以便能够实时在浏览器中重新加载更改 问题1: 连接到browsersync仪表板,http://localhost:3001/,我看不到当前连接下列出的任何连接 问题2: gulpfile.js中使用的重新加载功能在浏览器上不起作用,但是,它确实会在我的CLI中触发,这会在我在文本编辑器中提交更改时显示下一次: Watch hit [BS]重新加载浏览器… 下一步: gulp.watch("app/**/*.html").on("change", funct

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

问题1: 连接到browsersync仪表板,
http://localhost:3001/
,我看不到当前连接下列出的任何连接

问题2:
gulpfile.js
中使用的重新加载功能在浏览器上不起作用,但是,它确实会在我的CLI中触发,这会在我在文本编辑器中提交更改时显示下一次:

Watch hit
[BS]重新加载浏览器…

下一步:

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插件工作,或者至少我认为它不工作


浏览器同步选项

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']);
  • CodeSync重新加载或插入更改的文件
  • 点击跨设备镜像点击
  • 滚动跨设备镜像滚动位置
  • 表单:将同步提交表单提交
  • 表单:输入将同步文本输入(包括文本区域)
  • 表单:切换
请注意末尾的create()

请注意末尾的create()