node.js gulp-livreload wird im Browser nicht aktualisiert

Question

Ich bin neu bei node.js. Mit dem folgenden Code wird der Reload-Task ausgelöst, wenn Dateien im Ordner "dist" geändert werden.

Ich habe das Liveload-Plugin in Chrome aktiviert. Der Status ist "Live-Reload ist verbunden". Der Browser wird jedoch nicht automatisch aktualisiert.

Was fehlt in diesem Code?

const path = require('path'); 
const gulp = require('gulp'); 
const nodemon = require('gulp-nodemon'); 
const es6Pipeline = require('gulp-webpack-es6-pipeline'); 
const less = require('gulp-less'); 
var webserver = require('gulp-webserver'); 
var livereload = require('gulp-livereload'); 
es6Pipeline.registerBuildGulpTasks(
    gulp, 
    { 
     entryPoints: { 
      'bundle': path.join(__dirname, '/src/index.js') 
     }, 
     outputDir: path.join(__dirname, 'public/generated/js') 
    } 
); 

gulp.task('live-server', (done) => { 
}); 
gulp.task('test-server', function() { 
    var express = require('express'), 

     serverport = 5000; 


    var server = express(); 

    server.use(express.static('./dist')); 


    server.listen(serverport); 
    console.log("Server started at port: " + serverport); 
    // Start live reload 
    livereload({start: true}); 

    gulp.watch('dist/*.*', ['reload']); 

}); 

gulp.task('reload', function() { 
    console.log("refreshed"); 
    livereload(); 

}); 
gulp.task('generate', ['es6Pipeline:build:release']); 
gulp.task('run-release', ['es6Pipeline:build:release', 'test-server']); 
gulp.task('run-dev', ['es6Pipeline:build:dev', 'test-server']); 
gulp.task('default', ['es6Pipeline:watch', 'test-server']); 

Answer 1

Haben Sie Folgendes versucht?

gulp.task('reload', function() { 
    console.log("refreshed"); 
    livereload.listen(); 
});