Browser-Sync (unter Schluck) Browser nicht aktualisiert

Meine Konfiguration tut alles, was es soll, aber es aktualisiert nie den Browser. Sobald ich es manuell aktualisieren, sind Änderungen vorhanden. Ich verbinde mich mit dem Standard localhost: 3000. Irgendwelche Ideen warum ist es so oder wie man es debuggt?Browser-Sync (unter Schluck) Browser nicht aktualisiert

gulpfile.js:

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var sourcemaps = require('gulp-sourcemaps'); 
var browserSync = require('browser-sync'); 

gulp.task('html', function() { 
    browserSync.reload(); 
}); 

gulp.task('sass', function() { 
    return gulp.src('./app/scss/style.scss') 
    .pipe(sass()) 
    .pipe(gulp.dest('./app/css')) 
    .pipe(browserSync.reload({ stream:true })); 
}); 

gulp.task('serve', function() { 
    browserSync({ 
    server: { 
     baseDir: 'app' 
    } 
    }); 
}); 

gulp.task('default', ['serve'], function() { 
    gulp.watch('./app/scss/*.scss', ['sass', browserSync.reload]); 
    gulp.watch('./app/*.html', ['html', browserSync.reload]); 

});

Beispiel einer Konsolenausgabe:

[BS] Local URL: http://localhost:3000 
[BS] External URL: http://192.168.1.3:3000 
[BS] Serving files from: app 
[17:10:32] Starting 'html'... 
[BS] Reloading Browsers... 
[17:10:32] Finished 'html' after 829 μs 
[BS] Reloading Browsers... 
[17:10:42] Starting 'sass'... 
[BS] 1 file changed (style.css) 
[17:10:42] Finished 'sass' after 22 ms 
[BS] Reloading Browsers... 
[17:11:02] Starting 'html'... 
[BS] Reloading Browsers... 
[17:11:02] Finished 'html' after 472 μs 
[BS] Reloading Browsers...

Quelle

2014-11-30 rdkn

Sogar ich sah ein ähnliches Problem, als ich neu zu Browser-Sync-Nutzung war, sagte die Befehlszeile "Browser neu laden", aber der Browser wurde überhaupt nicht aktualisiert, das Problem war ich Body Tag in meiner HTML-Seite nicht enthalten Wenn die Browser-Synchronisierung ein Skript für ihre Funktionalität einbinden kann, vergewissern Sie sich, dass Ihre HTML-Seite ein Body-Tag hat. – SU15

ich es herausgefunden: Browser-Sync nicht implizite HTML-Tags nicht mag, so ist dies (obwohl gültige HTML5) wird nicht funktionieren:

<!doctype html> 
<title>implicit</title>

aber dies wird:

<!doctype html> 
<html> 
    <head> 
     <title>full doc</title> 
    </head> 
    <body></body> 
</html>

Quelle

2014-11-30 16:59:36 rdkn

eigentlich braucht es nur Body-Tag (und es dokumentiert Verhalten) – rdkn

Dies war die Antwort, die ich gesucht habe. Allerdings kann ich dies in der Dokumentation von BrowserSync nicht finden. Oder ist das eine Schlucksache? – jremydeaton

Sollte in der Hauptdokumentation sein, aber es ist hier https://github.com/shakyShane/browser-sync#requirements – shane

Browser-Sync (unter Schluck) Browser nicht aktualisiert

Antwort

Verwandte Themen