瀏覽器不能重新加載吞噬和livereload

請原諒我，如果這可能看起來像一個重複的問題，但我已閱讀我可以找到的每一個資源，以幫助我確定我的問題的根源。瀏覽器不能重新加載吞噬和livereload

我試圖在我編譯了一個jade文件後重新加載了Chrome瀏覽器。我爲我的gulpfile.js：

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

我filestructure是：

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

當在命令行中鍵入gulp，一切似乎都很正常;我的玉石文件在編譯時會被編譯，但是Chrome並沒有刷新。一些備註：

我有Chrome安裝的LiveReload擴展，擴展圖標說「LiveReload連接」當我在http://localhost:8080
我已經eneabled「允許訪問文件網址」在Chrome LiveReload擴展的擴展偏好。
當吞嚥時，http://localhost:35729返回然後json {"tinylr":"Welcome","version":"0.2.1"}。
我試過這兩個在Windows和Linux都沒有成功。

有什麼建議嗎？

來源

2016-03-19 breeden

Livereload在gulp-connect的新版本中似乎無法可靠運行，請參見Livereload is broken since 3.0.0。

我試過你的Gulpfile使用[email protected]，我也無法使livereload工作。但是，如鏈接問題線索中所建議的那樣，退回到版本2.3.1的gulp-connect確實解決了問題。也許值得嘗試一下。

來源

2016-03-19 19:36:37

謝謝。事實上'npm install --save-dev gulp-connect @ 2.3.1'確實有效。 – breeden

瀏覽器不能重新加載吞噬和livereload

回答

相關問題