gulp livereloadが動作しない

Question

次のgulpパッケージをインストールした後、私はこの奇妙な問題を抱えています。すべてがうまくレンダリングされますが、liveReload（）の部分に到達するとページがリロードされません。

livereload chrome extensionがインストールされています...ここで

は私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'); 
}); 

すべてが一息が、それはことだやってすべての私のファイルをレンダリングしている、うまく動作しますが、ページがリロードされません。..私はポート8000​​でPythonの単純なhttpサーバーを使用しています。

任意アイデア？

Answer 1

あなたのページにlivereloadクライアントスクリプトを含めましたか？ AFAIKあなたはあなたのページの本文の最後にこのスクリプトを挿入する必要があります。

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