Почему browserSync не обновляет страницу?

Question

Есть сборка, которая должна обновлять localhost при изминении файлов автоматически. Я не пойму, почему обновления не происходит. На любое изменение страница не реагирует. Допустим есть такой html:

<!DOCTYPE html>
<html lang="ru">
@@include('html/head.html', {'title':'Главная'})

<body>
    @@include('html/header.html')
    <main>
        12345
    </main>
    @@include('html/footer.html')
</body>

</html>

Если запустить сборку, то получим такую страницу:

Теперь я попробовал заменить цифры на заголовок, но получил ту же страницу. А потом я остановил gulp и запустил сборку заново уже с такой страницей:

<!DOCTYPE html>
<html lang="ru">
@@include('html/head.html', {'title':'Главная'})

<body>
    @@include('html/header.html')
    <main>
        <h1>Test</h1>
    </main>
    @@include('html/footer.html')
</body>

</html>

Но получил старую страницу с цифрами. В чем может быть проблема? Вряд ли это проблема тасков, так как на прошлых проектах сборка работала корректно. Из сегодняшних действий: обновил npm глобально до актуальной версии.

Но на всякий случай html task:

import webpHtmlNosvg from "gulp-webp-html-nosvg"
import versionNumber from "gulp-version-number"

export const html = () => {
    return app.gulp.src(app.path.src.html)
        .pipe(app.plugins.cached("html"))
        .pipe(app.plugins.newer(app.path.build.html))
        .pipe(app.plugins.plumber(
            app.plugins.notify.onError({
                title: "HTML",
                message: "Error : <%= error.message %>"
            })
        ))
        .pipe(app.plugins.fileinclude())
        .pipe(app.plugins.replace(/@img\//g, 'img/'))
        .pipe(webpHtmlNosvg())
        .pipe(versionNumber({
            'value': '%DT%',
            'append': {
                'key': '_v',
                'cover': 0,
                'to': [
                    'css',
                    'js',
                ]
            },
            'output': { 'file': 'gulp/version.json' }
        }))
        .pipe(app.plugins.remember("html"))
        .pipe(app.gulp.dest(app.path.build.html))
        .pipe(app.plugins.browsersync.stream())
}

и сервер:

export const htmlServer = () => {
    app.plugins.browsersync.init({
        server: {
             baseDir: app.path.build.html
        },
        port: 3000,
        notify: false
  })
}

БЛОГ НА HUSL

Почему browserSync не обновляет страницу?

Ответы (0 шт):