브라우저 동기화 (꿀꺽 꿀꺽 소리가 들림)로 브라우저가 새로 고침되지 않습니다.

내 설정은 모든 작업을 수행하지만 브라우저를 새로 고칩니다. 수동으로 새로 고침하면 변경 사항이 적용됩니다. 기본 localhost : 3000에 연결합니다. 어떤 아이디어가 왜 그렇게 또는 어떻게 디버깅하는 것입니까?브라우저 동기화 (꿀꺽 꿀꺽 소리가 들림)로 브라우저가 새로 고침되지 않습니다.

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]); 

});

콘솔 출력의 예 :

[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...

출처

2014-11-30 rdkn

브라우저 동기화를 처음 사용했을 때도 비슷한 문제가 발생했는데 명령 줄에 "브라우저 새로 고침"이 표시되지만 브라우저가 전혀 새로 고쳐지지 않았습니다. 문제는 HTML 태그에 body 태그가 포함되지 않았기 때문입니다. browser-sync가 기능을 위해 스크립트를 삽입 할 수있는 곳에서 html 페이지에 body 태그가 있는지 확인하십시오. – SU15

내가 그것을 알아 냈 : 브라우저 동기화가 암시 HTML 태그를 좋아하지 않기 때문에이 (비록 유효 HTML5)가 작동하지 않습니다 :

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

하지만이됩니다

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

출처

2014-11-30 16:59:36 rdkn

사실 그것은 body 태그 만 필요합니다 (그리고 문서화 된 동작입니다) – rdkn

이것은 내가 찾고있는 대답이었습니다. 그러나 나는 BrowserSync의 설명서에서 이것을 찾을 수없는 것 같습니다. 아니면 꿀꺽 거리는 거니? – jremydeaton

메인 문서에 있어야하지만 여기에 언급되어 있습니다. https://github.com/shakyShane/browser-sync#requirements – shane

브라우저 동기화 (꿀꺽 꿀꺽 소리가 들림)로 브라우저가 새로 고침되지 않습니다.

답변

관련 문제