如何避免浏览器同步导致服务器错误

Question

我在使用Microsoft Visual Studio开发的web应用程序中使用gulp浏览器同步。每当文件被修改时，当我开始使用浏览器同步来重新加载页面时，就会出现此问题。我的应用程序在我的默认localhost上运行。开发构建成功，但无法打开站点。以下是我的gulp代码：

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() {});

​

提前谢谢。

Answer 1

您在提供的代码中调用了两次“浏览器同步”任务，但没有实际的“浏览器同步”任务。例如，你的'build‘有这样一个调用：

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

“watch”任务也是如此：

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

去掉这两个“浏览器同步”引用，它就会起作用。