Browsersync issue reload multipage html

I’m use jade and Browsersync in gulp to the generate html web page. When i run gulp Brwosersync can’t reload html file in the other directory(view.html). And i have to manualy reload browser. But for index.html in root folder work fine. how i can fix this issue?!

Folder structure:

• app
  • index.html
  • page
    • view.html

// jade task
gulp.task('jade', function(){
    return gulp.src(path.template+ '/**/*.jade')
        .pipe($.plumber({errorHandler: onError}))
        .pipe($.jade({
            pretty: true
        }))
        .pipe(gulp.dest(path.app))
        .pipe(reload({stream: true}));
});

// reload
gulp.task('bs-reload', function () {
    browserSync.reload();
});

// browser-sync
gulp.task("browser-sync", function () {
    browserSync.use(htmlInjector, {
        files: "app/**/*.html"
    });
    browserSync.init({
        injectChanges: true,
        notify: false,
        server: "app"
    });
});

gulp.task('default',['browser-sync'], function(){
    watch("src/template/**/*", function() { gulp.start('jade'); });
    watch("app/**/*.html", function() { gulp.start('bs-reload'); });
});

[vhlongon]

+1.

Same issue here, the browsersync is not added to pages under subfolder, only on index.html

[sajadabedi]

Thanks @shakyShane for reply. i clone this repo, and your repo has same issue 😃 Don’t reload browser when url somthing like this : http://localhost:3000/about.html Or this : http://localhost:3000/page/about.html.

And only reload index.html (localhost:3000).

My repo: Start-Gulp