Comment éviter la synchronisation du navigateur provoquant une erreur du serveur

Question

J'utilise la synchronisation du navigateur Gulp dans l'application Web que j'ai développée en utilisant Microsoft Visual Studio. Le problème est survenu lorsque j'ai commencé à utiliser la synchronisation du navigateur pour recharger la page lorsqu'un fichier a été modifié. Mon application fonctionne sur ma valeur par défaut localhost. La construction de développement réussit mais elle ne peut pas ouvrir le site. Ce qui suit est mon code 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() {}); 

Merci à l'avance.

Answer 1

Vous appelez une tâche de 'synchronisation du navigateur' deux fois dans le code fourni, mais il n'y a pas de tâche de 'synchronisation du navigateur' réelle. Par exemple, votre « construire » a un tel appel:

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

et le fait de la « montre » tâche: références

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

Débarrassez-vous de ces deux « -synchronisation du navigateur » et il fonctionnera .