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?
Danke dafür. In der Tat hat 'npm install --save-dev gulp-connect @ 2.3.1' den Trick gemacht. – breeden