如何避免瀏覽器同步導致服務器錯誤

Question

我在使用Microsoft Visual Studio開發的Web應用程序中使用gulp瀏覽器同步。當我開始使用瀏覽器同步功能在文件被修改時重新加載頁面時，就會出現此問題。我的應用程序正在運行我的默認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() {}); 

在此先感謝。

Answer 1

您在提供的代碼中調用了兩次「瀏覽器同步」任務，但沒有實際的「瀏覽器同步」任務。例如，你的「打造」有這樣的電話：

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

也是如此的「手錶」的任務：

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

擺脫這兩個「瀏覽器同步」引用的，它會工作。