Как избежать синхронизации браузера, вызывающей ошибку сервера

Я использую синхронизацию браузера gulp в веб-приложении, которое я разработал с помощью Microsoft Visual Studio. Проблема возникла, когда я начал использовать синхронизацию браузера для перезагрузки страницы всякий раз, когда файл был изменен. Мое приложение работает на моем localhost по умолчанию. Сборка для разработки прошла успешно, но сайт не открывается. Ниже приведен мой код глотка:

var gulp = require('gulp');
var sass = require('gulp-sass');
var bs = require('browser-sync').create();
gulp.task('serve', [], function() {
  // .init starts the server
  bs.init({
    server: "./",
    port: 64510
  });
});
gulp.task('sass', function() {
  return gulp.src('scss/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('css'))
    .pipe(bs.reload({ stream: true }));
});
gulp.task('watch', ['browser-sync'], function() {
  gulp.watch("scss/*.scss", ['sass']);
  gulp.watch("*.html").on('change', bs.reload);
});
gulp.task('build', ['clean-code', 'serve', 'browser-sync'], function() {});

screenshot< /a> Заранее спасибо.


javascript gulp browser-sync gulp-sass gulp-watch
person Sathish    schedule 12.02.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы дважды вызываете задачу «синхронизация с браузером» в предоставленном коде, но фактической задачи «синхронизация с браузером» нет. Например, ваша сборка имеет такой вызов:

gulp.task('build', ['clean-code', 'serve', 'browser-sync'], function() {});

то же самое и с задачей «смотреть»:

gulp.task('watch', ['browser-sync'], function() {

Избавьтесь от этих двух ссылок на «синхронизацию браузера», и все заработает.

person Mark    schedule 29.07.2017