Martovitskiy

Проблема решена добавлением отдельной функции перезагрузки

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

Проблема решена добавлением отдельной функции перезагрузки

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

Удалил папку в AppData \ Roaming \ NPM и переустановил npm. Все заработало!

У Вас установлен Gulp 4, а синтаксис Gulp 3. В 4 - новая система выполнения задач - gulp.parallel и gulp.series
Смотрите тут и тут
Ну и в дополнение:

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

npm install style-loader css-loader --save-dev

Зачем iframe? Есть же audio

<audio autoplay loop>
      <source src="http://www.mult.ru/rings/night_elf_track.mp3">
</audio>

У Вас локально установлен Gulp версии 4, а таски написаны для Gulp 3

В четвертой версии появился синтаксис, который позволяет определять порядок запуска задач. Также можно запустить задачи параллельно с помощью gulp.parallel. Смотрите тут

Попробуйте так:

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

на sass :

.pipe(browsersync.stream())

Переопределите стили

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background: green;
}

а выровнять классыalign-items-center justify-content-center

решил проблему с помощью copy-webpack-plugin

Можно. Вот пример

npm cache clean --force

Бесплатно ментора - не думаю. Совет по участку кода и тут можно спросить, но не более.
Ревью кода - ресурсы наподобие https://codereview.stackexchange.com/

был похожий вопрос посмотрите ответы, комменты

jsfiddle-downloader
Но мне кажется смотреть нужно в сторону правильности подключения скриптов

На реальном устройстве нормально будет.

учите js, опять учите js, потом возвращайтесь к vue.js. Потом зайдете в документацию и станет намного светлее