Browser-syn c не открывает index. php (с использованием Gulp) - PullRequest
Новая
       103

Browser-syn c не открывает index. php (с использованием Gulp)

0 голосов
/ 13 июля 2020

У меня проблема, из-за которой browsersyn c не находит / не открывает мой index. php файл.

Соответствующие части моего файла gulp следующие: 

const browserSync = require("browser-sync").create();
const php = require('gulp-connect-php');

// Configure PHP server
gulp.task('php', function(){
    php.server({base:'./', port:8010, keepalive:true});
});


// Inject php config into browserSync task
gulp.task('browserSync', function() {
    browserSync.init({
        proxy:'localhost:8000',
        port: 8080,
        baseDir: './',
        open:true,
        notify:false
  });
});


// Watch files
function watchFiles() {
  gulp.watch("./scss/**/*", css);
  gulp.watch(["./js/**/*", "!./js/**/*.min.js"], js);
  gulp.watch("./**/*.php", browserSync.reload);
  gulp.watch("./**/*.html", browserSync.reload);
}


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

// Export tasks
exports.watch = watch;

Мой вывод на консоль при запуске 'Gulp watch' выглядит следующим образом:

вывод cmd

Страница никогда не открывается в браузере.

Любые советы относительно того, почему он зависает при синхронизации браузера c?

Кроме того, Browsersyn c работает при запуске непосредственно в cmd с: 

browser-sync start --proxy "localhost/BtcMiningContracts" --files "*.php, *.html, css/*.css, ./js/**/*"

спасибо!

1 Ответ

0 голосов
/ 13 июля 2020

Многочасовые поиски привели к рабочему ответу. Для всех, кто сталкивается с той же проблемой, обновленный код приведен ниже: 

const browserSync = require("browser-sync");
const php = require('gulp-connect-php');

// Configure PHP server
gulp.task('connect-sync', function() {
  php.server({}, function (){
    browserSync({
      proxy: '127.0.0.1:8000'
    });
  });
 
  gulp.watch('**/*.php').on('change', function () {
    browserSync.reload();
  });
});

// Watch files
function watchFiles() {
  gulp.watch("./scss/**/*", css);
  gulp.watch(["./js/**/*", "!./js/**/*.min.js"], js);
  gulp.watch("./**/*.php").on('change', function () {
    browserSync.reload()});
}

Это работает с s css, надеюсь, это кому-то поможет :)

...