Question

我的问题似乎令人困惑，但请原谅，我正面临这样的困境，我创建了一个angular2应用程序，并在两个不同的系统上运行相同的应用程序，同时这样做，当我访问一个页面时，滚动它然后同一页面，如果在另一个系统上打开同时自动滚动。我不希望我的应用程序像这样工作。我提供了一个快照来支持我的问题。

Scrolling bar happening at the same time on another system for the same page

P.S：我是Angular 2的初学者

Answer 1

认为您需要执行以下操作，请使用以下内容替换browserSync来电并更改浏览器同步初始化。更多选项here

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

gulp.task('default', function () {
    browserSync.init({
        server: {
            baseDir: "./app",
            ghostMode: false
        }
    });

    gulp.watch('./app/scss/*.scss', ['sass']);
    gulp.watch('./app/*.html',      ['html-watch']);
});

编辑：你可以在没有设置每个值的情况下为ghost模式调用false。

Answer 2

在您提供链接的gulpfile.js中。

更改 browserSync 致电的默认任务。

将 ghostMode: false 添加为新密钥和值。

然后重新启动服务器

更改您的default gulp task。

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


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

        browserSync(
        {
            server: './app',
            ghostMode: false
        }
        );

        gulp.watch('./app/scss/*.scss', ['sass']);
        gulp.watch('./app/*.html',      ['html-watch']);
    });

在2个不同系统上访问相同的角度2应用程序时，当我在1个系统上滚动时，它会自动在另一个系统上滚动数据同一页面

2 个答案: