2016-03-19 2 views
1

Bitte vergib mir, wenn dies wie eine doppelte Frage scheint, aber ich habe jede Ressource gelesen, die ich finden konnte, um mir zu helfen, die Wurzel meines Problems zu bestimmen.Browser lädt nicht mit Schluck und Liveload

Ich versuche, Schluck reload Chrome, nachdem ich eine Jade-Datei kompiliert habe. Ich habe dies für meine 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']); 

Meine Dateistruktur ist:

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

Nach gulp in der Befehlszeile eingeben, alles in Ordnung zu sein scheint; Meine Jade-Dateien werden bei jedem Speichern kompiliert, Chrome wird jedoch nicht aktualisiert. Einige Bemerkungen:

  • ich die LiveReload Erweiterung auf Chrom installiert haben, und das Erweiterungssymbol sagt „LiveReload verbunden“, wenn ich auf bin http://localhost:8080
  • Ich habe eneabled „Zugriff zulassen auf Datei-URLs“ in Chrome Erweiterungseinstellungen für die LiveReload-Erweiterung.
  • Wenn der Schluck läuft, kehrt http://localhost:35729 zurück, dann json {"tinylr":"Welcome","version":"0.2.1"}.
  • Ich habe dies sowohl unter Windows und Linux ohne Erfolg versucht.

Irgendwelche Vorschläge?

Antwort

1

Liveleload scheint in neueren Versionen von gulp-connect nicht zuverlässig zu funktionieren, siehe Livereload is broken since 3.0.0.

Ich habe versucht, Ihre Gulpfile mit [email protected] und ich konnte nicht Liveload zu arbeiten entweder. Das Problem wurde jedoch behoben, indem auf die Version 2.3.1 von gulp-connect, wie im verknüpften Problem-Thread vorgeschlagen, zurückgegriffen wurde. Könnte einen Versuch wert sein.

+1

Danke dafür. In der Tat hat 'npm install --save-dev gulp-connect @ 2.3.1' den Trick gemacht. – breeden