2017-02-12 8 views
0

Microsoft Visual Studio를 사용하여 개발 한 웹 응용 프로그램에서 꿀꺽 꿀꺽 브라우저 동기화를 사용하고 있습니다. 파일이 수정 될 때마다 브라우저 동기화를 사용하여 페이지를 다시로드하기 시작할 때 문제가 발생했습니다. 내 앱이 내 기본값 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() {}); 

screenshot 감사 : 다음은 내 꿀꺽 코드입니다.

답변

0

제공된 코드에서 'browser-sync'작업을 두 번 호출하지만 실제 '브라우저 동기화'작업은 없습니다. 예를 들어, '빌드'같은 호출이 있습니다

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

을 그래서 '시계'작업을 수행합니다

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

이 두 '브라우저 동기화'참조 없애 그것은 작동합니다 .