Schluck Liveload funktioniert nicht

Question

Ich habe dieses seltsame Problem nach der Installation der folgenden Schluck-Pakete. Alles rendert nur gut, aber wenn es um den Teil des liveReload() geht, lädt es die Seite einfach nicht neu ...

Ich habe die Liveload-Chrome-Erweiterung installiert (ist das notwendig?), Und es scheint dort zu sein es gibt nichts zu Config ...

Hier ist meine gulpfile:

var gulp = require('gulp'), 
    autoPrefixer = require('gulp-autoprefixer'), 
    jade = require('gulp-jade'), 
    liveReload = require('gulp-livereload'), 
    sourceMaps = require('gulp-sourcemaps'), 
    ts = require('gulp-typescript'), 
    tsLint = require('gulp-tslint'), 
    watch = require('gulp-watch'), 
    sass = require('gulp-sass'); 

// Configuration 
var config = { 
    js: 'public/_assets/frontend/js', 
    css: 'public/_assets/frontend/css', 
    fonts: 'public/_assets/frontend/fonts', 
    images: 'public/_assets/frontend/img', 
    markup: 'public/' 
}; 

// Javascript 
gulp.task('scripts', function() { 
    var tsResult = gulp.src(['src/ts/*.ts', 'src/ts/**/*.ts']) 
     .pipe(tsLint()) 
     .pipe(ts({ 
      noImplicitAny: true 
     })); 

     tsResult.js 
      .pipe(gulp.dest(config.js)) 
      .pipe(liveReload()); 
}); 

// Sass 
gulp.task('sass', function() { 
    return gulp.src(['src/sass/*.scss', 'src/sass/**/*.scss']) 
     .pipe(watch(['src/sass/*.scss', 'src/sass/**/*.scss'])) 
     .pipe(sourceMaps.init()) 
     .pipe(sass.sync().on('error', sass.logError)) 
     .pipe(autoPrefixer({ 
      browsers: ['last 3 versions'], 
      cascade: false 
     })) 
     .pipe(sourceMaps.write()) 
     .pipe(gulp.dest(config.css)) 
     .pipe(liveReload()); 
}); 

// jade 
gulp.task('markup', function() { 
    return gulp.src(['src/**/*.jade', 'src/**/_*.jade']) 
     .pipe(jade({ 
      pretty: true 
     })) 
     .pipe(gulp.dest(config.markup)) 
     .pipe(liveReload()); 
}); 

// Images 
gulp.task('images', function() { 
    return gulp.src(['src/images/**/*.*', 'src/images/*.*']) 
     .pipe(gulp.dest(config.images)); 
}); 

// Watch 
gulp.task('watch', function() { 
    liveReload.listen(); 
    gulp.watch(['src/ts/*.ts', 'src/ts/**/*.ts'], ['scripts']); 
    gulp.watch(['src/sass/*.scss', 'src/sass/**/*.scss'], ['sass']); 
    gulp.watch(['src/*.jade', 'src/**/*.jade'], ['markup']); 
}); 

// Default Task 
gulp.task('default', function() { 
    gulp.start('sass', 'scripts', 'markup', 'images', 'watch'); 
}); 

Alles funktioniert gut, ist der Zug, es ist Sache und machen alle meine Dateien zu tun, aber die Seite nicht neu geladen .. Ich benutze Python einfachen HTTP-Server auf Port 8000.

Any Ideen?

Answer 1

Die einzige Sache, die mir in den Sinn kommt ist: Haben Sie das Liveload-Client-Skript in Ihre Seite aufgenommen? AFAIK sollten Sie dieses Skript am Ende des Körpers Ihrer Seite injizieren.

<script src="http://localhost:35729/livereload.js"></script>