Бесконечная перезагрузка с browserSync и gulp-connect-php

Question

Я наконец-то нашел время для создания собственного запуска задач, но я застрял на функции, которая мне действительно нужна, а именно browserSync, но я использую php с XAMPP.

Проблема: терминал постоянно говорит мне: "PHP-сервер не запущен. Повторная попытка...".

Поскольку я новичок во всем этом, я не могу понять, почему сервер не подключается. Пожалуйста помоги?

Вот мой код:

// Required tasks
var gulp = require('gulp'),
   connect = require('gulp-connect-php'),
   browserSync = require('browser-sync'),
   reload = browserSync.reload;


// Php Server Tasks
gulp.task('connect', function() {
   connect.server({
      base: './',
      port: 8010,
      keepalive: true
   });
});


// Browser-Sync Tasks
gulp.task('browser-sync',['connect'], function() {
   browserSync({
      proxy: '127.0.0.1:8010',
      port: 8080,
      open: true,
      notify: false
   });
});


// Watch Tasks
gulp.task ('watch', function(){
   gulp.watch('src/sass/**/*.scss', ['styles']);
   gulp.watch('src/js/**/*.js', ['scripts']);
   gulp.watch('./templates/**/*.php', ['html']);
});


// Default
gulp.task('default', ['browser-sync', 'watch']);

Answer 1

Не могу вспомнить, где всплыло это решение, но подумал, что я поделюсь кодом, поскольку он может просто помочь кому-то еще:

Чтобы было ясно: я больше не использую gulp-connect-php.

// BROWSER-SYNC TASKS
gulp.task('browser-sync', function() {
    browserSync({
        proxy: 'localhost/path/to/the/files',
        open: true,
        notify: false
    });
});