Browsersync обновляет страницу только один раз, как исправить?

Вот мой пример

const
  gulp          = require('gulp'),
  sass          = require('gulp-sass'),
  browsersync   = require("browser-sync").create(),
  concat        = require('gulp-concat'),
  concatCSS     = require('gulp-concat-css'),
  uglify        = require('gulp-uglifyjs'),
  cssnano       = require('gulp-cssnano'),
  rename        = require('gulp-rename'),
  del           = require('del'),
  imagemin      = require('gulp-imagemin'),
  pngquant      = require('imagemin-pngquant'),
  cache         = require('gulp-cache'),
  autoprefixer  = require('gulp-autoprefixer'),
  htmlmin       = require('gulp-htmlmin'),
  gutil         = require( 'gulp-util' ),
  ftp           = require( 'vinyl-ftp' );
/*require('catalog/view/theme/default/stylesheet/')*/

function gulpSass() {
  return gulp
    .src('catalog/view/theme/default/stylesheet/sass/**/*.sass')
    .pipe(sass({ outputStyle: "expanded" }))
    .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
    .pipe(gulp.dest('catalog/view/theme/default/stylesheet/css'))
    .pipe(browsersync.stream())
}

function libsJs() {
  return gulp.src([
    'catalog/view/theme/default/libs/jquery/dist/jquery.js',
    'catalog/view/theme/default/libs/bootstrap/dist/js/bootstrap.js',
    'catalog/view/theme/default/libs/jquery.sticky.min.js',
    'catalog/view/theme/default/libs/slick-carousel/slick/slick.js',
  ])
    .pipe(concat('libs.min.js'))
    .pipe(uglify({
      toplevel: true
    }))
    .pipe(gulp.dest('catalog/view/javascript'))
}

function libsCss() {
  return gulp.src([
    'catalog/view/theme/default/libs/bootstrap/dist/css/bootstrap.css',
    'catalog/view/theme/default/libs/slick-carousel/slick/slick.css',
    'catalog/view/theme/default/libs/slick-carousel/slick/slick-theme.css',
    'catalog/view/theme/default/libs/animate.css/animate.css'
  ])
    .pipe(concatCSS('libs.css'))
    .pipe(gulp.dest('catalog/view/theme/default/stylesheet/css'))
    .pipe(rename({suffix: '.min'}))
    .pipe(cssnano())
    .pipe(gulp.dest('catalog/view/theme/default/stylesheet/css'))
}

function browserSync(done) {
  browsersync.init({
    injectChanges: true,
    proxy: 'auntie-test',
    port: 3000,
    notify: false
  });
  done();
}

function clean() {
  return del(["dist"]);
}

function clear() {
  return cache.clearAll();
}

function images() {
  return gulp
    .src("assets/images/**/*")
    .pipe((cache(
      imagemin([
        imagemin.gifsicle({ interlaced: true }),
        imagemin.jpegtran({ progressive: true }),
        imagemin.optipng({ optimizationLevel: 5 }),
        imagemin.svgo({
          plugins: [
            {
              removeViewBox: false,
              collapseGroups: true,
              use: [pngquant()]
            }
          ]
        })
      ])))
    )
    .pipe(gulp.dest("dist/assets/images"));
}

function watchFiles(done) {
  gulp.watch('catalog/view/theme/default/stylesheet/sass/**/*.sass', gulp.parallel(gulpSass));
  gulp.watch('catalog/view/javascript/**/*.js', reload);
  gulp.watch('catalog/view/theme/default/**/*.twig', reload);
  done();
}

function buildFiles(done) {
  gulp.src([
    'assets/css/main.css',
    'assets/css/libs.min.css'
  ])
    .pipe(cssnano())
    .pipe(gulp.dest('dist/assets/css'));

  gulp.src(
    'assets/js/libs.min.js')
    .pipe(gulp.dest('dist/assets/js'));

  gulp.src('assets/js/main.js')
    .pipe(uglify({
      toplevel: true
    }))
    .pipe(gulp.dest('dist/assets/js'));

  gulp.src('assets/js/config-contact.js')
    .pipe(uglify({
      toplevel: true
    }))
    .pipe(gulp.dest('dist/assets/js'));

  gulp.src('static**/*')
    .pipe(gulp.dest('dist'));

  gulp.src('php**/*')
    .pipe(gulp.dest('dist'));

  gulp.src('*.html')
    .pipe(htmlmin({collapseWhitespace: true}))
    .pipe(gulp.dest('dist'));

  gulp.src('*.txt')
    .pipe(gulp.dest('dist'));

  gulp.src('*.xml')
    .pipe(gulp.dest('dist'));

  gulp.src('.htaccess')
    .pipe(gulp.dest('dist'));
  done();
}
const watch = gulp.parallel(watchFiles, browserSync, libsCss, libsJs );
const build = gulp.series(clean, gulp.parallel(buildFiles, images, libsJs));

exports.clean = clean;
exports.clear = clear;
exports.watch = watch;
exports.build = build;

function reload(done) {
  browsersync.reload();
  done();
}

С чего новичку начать вёрстку интернет-магазина?

Денис Степанов, посмотрите уроки. Чтоб интегрировать модуль php знать не нужно. Просто изучите архитектуру файлов, разберитесь откуда что выводится...

С чего новичку начать вёрстку интернет-магазина?

Денис Степанов, установите opencart, сверстайте страницы интернет-магазина и интегрируйте с opencart. Так Вы
разберетесь как работает cms и покажете, что сможете натянуть любую верстку, а не в готовом шаблоне изменить цвет кнопочки.

Опенкарт почему-то не сохраняет статьи?

Alice_aus_wunderland, неверно модифицирован файл /admin/model/catalog/information.php в запросе продублировано добавление meta_keyword и meta_description, о чём и говорит ошибка Error: Column 'meta_description' specified twice.

Нужно найти модификатор который добавляет лишние поля в запрос и исправить его.

Опенкарт почему-то не сохраняет статьи?

Alice_aus_wunderland, Скорей всего это какая либо ошибка, но вывод ошибок на экран у вас отключен.

1. Смотрим в Адмике Меню - Система - Настройки и на вкладке Сервер "Показывать ошибки" и выбираем Да

2. eсли не помогло, то добавляем в файл .htaccess строчки

php_flag display_errors On
php_value error_reporting 2047

Ну а дальше смотрите на ошибки

Опенкарт почему-то не сохраняет статьи?

а вывод ошибки на экран есть?

Как выровнять блоки по высоте в grid?

название нужно либо фиксировать по высоте, либо обрезать и вставлять "..."

Почему может не установиться Gulp-Sass на Ubuntu?

Тогда попробуйте добавить в devDependencies npm install --save-dev node-sass gulp-sass

Почему меню закрывается при пролистывании?

Куда смотреть?

Сайт выполнил переадресацию слишком много раз. Как исправить?

Виктор Таран, спасибо, что то помогло)

Сайт выполнил переадресацию слишком много раз. Как исправить?

Вот файл .htaccess

# 1.To use URL Alias you need to be running apache with mod_rewrite enabled.

# 2. In your opencart directory rename htaccess.txt to .htaccess.

# For any support issues please visit: www.opencart.com

Options +FollowSymlinks

# Prevent Directoy listing
Options -Indexes

# Prevent Direct Access to files

Require all denied
## For apache 2.2 and older, replace "Require all denied" with these two lines :
# Order deny,allow
# Deny from all


# SEO URL Settings
RewriteEngine On
# If your opencart installation does not run on the main web folder make sure you folder it does run in ie. / becomes /shop/

RewriteBase /
RewriteRule ^sitemap.xml$ index.php?route=extension/feed/google_sitemap [L]
RewriteRule ^googlebase.xml$ index.php?route=extension/feed/google_base [L]
RewriteRule ^system/storage/(.*) index.php?route=error/not_found [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !.*\.(ico|gif|jpg|jpeg|png|js|css)
RewriteRule ^([^?]*) index.php?_route_=$1 [L,QSA]

### Additional Settings that may need to be enabled for some servers
### Uncomment the commands by removing the # sign in front of it.
### If you get an "Internal Server Error 500" after enabling any of the following settings, restore the # as this means your host doesn't allow that.

# 1. If your cart only allows you to add one item at a time, it is possible register_globals is on. This may work to disable it:
# php_flag register_globals off

# 2. If your cart has magic quotes enabled, This may work to disable it:
# php_flag magic_quotes_gpc Off

# 3. Set max upload file size. Most hosts will limit this and not allow it to be overridden but you can try
# php_value upload_max_filesize 999M

# 4. set max post size. uncomment this line if you have a lot of product options or are getting errors where forms are not saving all fields
# php_value post_max_size 999M

# 5. set max time script can take. uncomment this line if you have a lot of product options or are getting errors where forms are not saving all fields
# php_value max_execution_time 200

# 6. set max time for input to be recieved. Uncomment this line if you have a lot of product options or are getting errors where forms are not saving all fields
# php_value max_input_time 200

# 7. disable open_basedir limitations
# php_admin_value open_basedir none

Стоит ли переносить новый проект на новый хостинг?

alex-1917, я не говорю, что он чем то лучше, я спросил почему клиенту нужно переехать на бегет, а не например на форнекс.

Стоит ли переносить новый проект на новый хостинг?

Анита Ковалева, ну а как часто Вы обращаетесь в поддержку? Пару раз в год при переносе домена или для чего? Для клиента это комфорт, если переносить, то переносить все сайты, а не часть. Но опять же, почему ему нужно переехать на бегет, а не скажем, на форнекс? Вы должны его убедить, что это необходимо.

Gulp, почему не собирается проект?

Мар'ян Витак, да, пробуйте.

Вот часть моей реализации:

function gulpSass() {
  return gulp
    .src('./scss/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('./css'))
    .pipe(browsersync.stream())
}


function browserSync(done) {
  browsersync.init({
    injectChanges: true,
    server: {
      baseDir: "./"
    },
    port: 3000,
    notify: false
  });
  done();
}


function watchFiles(done) {
  gulp.watch('./scss/**/*.scss', gulp.parallel(gulpSass));
  done();
}

const watch = gulp.parallel(watchFiles, browserSync);


exports.watch = watch;

function reload(done) {
  browsersync.reload();
  done();
}

Возможно ли сегодня устроится на работу верстальщиком зная лишь HTML и СSS?

JohnDoe116, а по другому и не получится. Технологии появляться будут, переучиваться и учиться тоже нужно будет всегда.

Возможно ли сегодня устроится на работу верстальщиком зная лишь HTML и СSS?

JohnDoe116, у каждого своё "время". Кому то достаточно месяца и он сносно верстает, а кому то и пару лет не хватит. Кто то может уделять по 2 часа в день, а кто то по 8 часов)

Почему не работает live reload?

Вот мой рабочий пример

const
  gulp          = require('gulp'),
  sass          = require('gulp-sass'),
  sourcemaps    = require('gulp-sourcemaps');
  browsersync   = require("browser-sync").create(),


function gulpSass() {
  return gulp
    .src('./scss/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('./css'))
    .pipe(browsersync.stream())
}


function browserSync(done) {
  browsersync.init({
    injectChanges: true,
    server: {
      baseDir: "./"
    },
    port: 3000,
    notify: false
  });
  done();
}


function watchFiles(done) {
  gulp.watch('./scss/**/*.scss', gulp.parallel(gulpSass));
  done();
}

const watch = gulp.parallel(watchFiles, browserSync);


exports.watch = watch;

function reload(done) {
  browsersync.reload();
  done();
}

Помощь в создании Gulp-сборки?

подскажите, где и что я делаю не так?

Какая ошибка?

2 операционные системы на ПК. VirtualBox?

Возможно и так можно, я поставил Virtual Box

Программа обучения FullstackJS?

Waldemar1010, не за что