Tarayıcı, gulp ve livereload ile yeniden yükleme yapmıyor

Question

Yinelenen bir soru gibi görünebilirse lütfen beni affet, ancak sorunumun kökenini belirlememe yardımcı olacak her kaynağı okudum.

Bir yeşim dosyası derledikten sonra gulp reload Chrome'u kullanmaya çalışıyorum. Benim gulpfile.js için bu var:

var gulp  = require('gulp'), 
    jade  = require('gulp-jade'), 
    connect = require('gulp-connect'); 

gulp.task('jade', function() { 
    return gulp.src('src/*.jade') 
     .pipe(jade({pretty: true})) 
     .pipe(gulp.dest('dev/')) 
     .pipe(connect.reload()) 
}); 

gulp.task('connect', function() { 
    connect.server({ 
     livereload: true, 
     root: 'dev', 
     debug: true 
    }); 
}) 

gulp.task('watch', function() { 
    gulp.watch('src/*.jade', ['jade']); 
}); 

gulp.task('default', ['connect', 'watch']); 

Benim filestructure geçerli: komut satırında gulp yazarak üzerine

. 
├── dev/ 
│ └── index.html 
├── node_modules/ 
├── src/ 
│ └── index.jade 
├── gulpfile.js 
└── package.json 

, her şey iyi görünüyor; yeşim dosyalarım, her kaydedildiğinde derlenir ancak Chrome yenilenmez. Birkaç notlar:

• ben krom yüklü LiveReload uzantısı olmazken, uzatma simgesi ben eneabled var http://localhost:8080
• olduğumda "LiveReload bağlandığında" diyor Chrome'da "Erişim URL'LER Dosya izin ver" LiveReload uzantısının uzantıları tercihleri.
• Gulp çalışırken, http://localhost:35729, daha sonra json {"tinylr":"Welcome","version":"0.2.1"}'u döndürür.
• Hem Windows'da hem de Linux'ta başarılı olmadan denedim.

Herhangi bir öneriniz var mı?

Answer 1

Livereload, gulp-connect'un daha yeni sürümlerinde güvenilir şekilde çalışmıyor gibi görünüyor, bkz. Livereload is broken since 3.0.0.

Gulpfile'nizi gulp-connect@3.1.1 kullanarak denedim ve çalışma için de livereload alamadım. Bununla birlikte, bağlantılı sorun dizisinde önerilen gulp-connect numaralı 2.3.1 sürümüne geri dönmek sorunu çözmüştür. Denemeye değer olabilir.