gulp loading endlessly

[Padmanabh82]

What was I expecting to happen?

to work with with no conflicts

What actually happened?

i have started gulp, it executed successfully but in browser it loads and loads never ends

gulpfile

/* Needed gulp config */

var gulp = require('gulp');  
/* var sass = require('gulp-sass'); */
const sass = require('gulp-sass')(require('sass'))
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var notify = require('gulp-notify');
var minifycss = require('gulp-minify-css');
var concat = require('gulp-concat');
var plumber = require('gulp-plumber');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');

/* Setup scss path */
var paths = {
    scss: './sass/*.scss'
};

/* Scripts task */
gulp.task('scripts', function() {
  return gulp.src([
    /* Add your JS files here, they will be combined in this order */
    'js/vendor/jquery.min.js',
    'js/vendor/jquery.easing.1.3.js',
    'js/vendor/jquery.stellar.min.js',
    'js/vendor/jquery.flexslider-min.js',
    'js/vendor/jquery.countTo.js',
    'js/vendor/jquery.appear.min.js',
    'js/vendor/jquery.magnific-popup.min.js',
    'js/vendor/owl.carousel.min.js',
    'js/vendor/bootstrap.min.js',
    'js/vendor/jquery.waypoints.min.js'
    ])
    .pipe(concat('scripts.js'))
    .pipe(gulp.dest('js'))
    .pipe(rename({suffix: '.min'}))
    .pipe(uglify())
    .pipe(gulp.dest('js'));
});

gulp.task('minify-main', function() {
  return gulp.src([
    /* Add your JS files here, they will be combined in this order */
    'js/main.js'
    ])
    .pipe(rename({suffix: '.min'}))
    .pipe(uglify())
    .pipe(gulp.dest('js'));
});

/* Sass task */
gulp.task('sass', function () {  
    gulp.src('scss/style.scss')
    .pipe(plumber())
    .pipe(sass({
      errLogToConsole: true,

      //outputStyle: 'compressed',
      // outputStyle: 'compact',
      // outputStyle: 'nested',
      outputStyle: 'expanded',
      precision: 10
    }))

    .pipe(sourcemaps.init())
    /* .pipe(autoprefixer()) */
    .pipe(gulp.dest('css'))

    .pipe(rename({suffix: '.min'}))
    .pipe(minifycss())
    .pipe(gulp.dest('css'))
    /* Reload the browser CSS after every change */
    .pipe(reload({stream:true}));
});

gulp.task('merge-styles', function () {

    return gulp.src([
        'css/vendor/bootstrap.min.css',
        'css/vendor/animate.css',
        'css/vendor/icomoon.css',
        'css/vendor/flexslider.css',
        'css/vendor/owl.carousel.min.css',
        'css/vendor/owl.theme.default.min.css',
        'css/vendor/magnific-popup.css',
        'css/vendor/photoswipe.css',
        'css/vendor/default-skin.css',
        'fonts/icomoon/style.css',
        ])
        // .pipe(sourcemaps.init())
        // .pipe(autoprefixer({
        //     browsers: ['last 2 versions'],
        //     cascade: false
        // }))
        .pipe(concat('styles-merged.css'))
        .pipe(gulp.dest('css'))
        // .pipe(rename({suffix: '.min'}))
        // .pipe(minifycss())
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('css'))
        .pipe(reload({stream:true}));
});

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

/* Prepare Browser-sync for localhost */
gulp.task('browser-sync', function() {
    browserSync.init(['css/*.css', 'js/*.js'], {
        
        proxy: 'localhost/probootstrap/black'
        /* For a static server you would use this: */
        /*
        server: {
            baseDir: './'
        }
        */
    });
});

/* Watch scss, js and html files, doing different things with each. */
gulp.task('default', gulp.parallel('sass', 'scripts', 'browser-sync'), function () {
    /* Watch scss, run the sass task on change. */
    gulp.watch(['scss/*.scss', 'scss/**/*.scss'], ['sass'])
    /* Watch app.js file, run the scripts task on change. */
    gulp.watch(['js/main.js'], ['minify-main'])
    /* Watch .html files, run the bs-reload task on change. */
    gulp.watch(['*.html'], ['bs-reload']);
});```


### Terminal output

```sh

[16:56:06] Using gulpfile ~/black/gulpfile.js
[16:56:06] Starting 'default'...
[16:56:06] Starting 'sass'...
[16:56:06] Starting 'scripts'...
[16:56:06] Starting 'browser-sync'...
[Browsersync] Proxying: http://localhost
[Browsersync] Access URLs:
 ---------------------------------------------------------
       Local: http://localhost:3000/probootstrap/black
    External: http://192.168.45.34:3000/probootstrap/black
 ---------------------------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 ---------------------------------------------------------
[Browsersync] Watching files...
[Browsersync] Reloading Browsers... (buffered 3 events)
[16:56:26] Finished 'scripts' after 19 s
[Browsersync] Reloading Browsers...

Please provide the following information:

• rassbery pi OS (latest and its linux)
• Node 17.8.0
• NPM 8.5.5
• CLI version: 2.3.0, Local version: 4.0.2

Additional information

the browser doesn't show anything