8
Benim yapılandırmam gereken her şeyi yapar, ancak tarayıcıyı hiçbir zaman yenilemez. Manuel olarak yeniledikten sonra değişiklikler var. Varsayılan localhost'a bağlanıyorum: 3000. Herhangi bir fikir neden bu kadar veya nasıl hata ayıklamak için?Tarayıcı-sync (yemin altında) tarayıcısını yenilemez
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]);
});
bir konsol çıktısı örneği:
[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...
Tarayıcı eşzamanlı kullanımda yeniyken de benzer bir sorunla karşılaştım, komut satırı "tarayıcıları yeniden yükleme" diyordu, ancak tarayıcı hiç yenilenmedi, sorun benim html sayfamda gövde etiketi içermiyordu tarayıcı senkronizasyonunun işlevselliği için komut dosyası ekleyebileceği yerlerde, html sayfanızın gövde etiketi olduğundan emin olun. – SU15