Перезагрузка Gulp не работает

Question

Я хочу использовать перезагрузку gulp на моем рабочем потоке, но у меня проблемы с ним. Когда я начал с помощью команды «gulp» в командной строке, у меня есть соединение с сервером, но когда я перехожу в свой браузер, есть массаз «Can not GET /» Что это такое и как я могу решить эту проблему? Помоги пожалуйста.

У меня есть следующий gulpfile.js:

/** 
* Created by adm on 4/24/2016. 
*/ 
var gulp = require('gulp'), 
    rename = require('gulp-rename'), 
    minifyCSS = require('gulp-minify-css'), 
    notify = require("gulp-notify"), 
    livereload = require('gulp-livereload'), 
    connect = require('gulp-connect'); 

/*----------Local Server connect----------*/ 
gulp.task('connect', function() { 
    connect.server({ 
     root: 'traning_js_skils', 
     livereload: true 
    }); 
}); 

/*----------HTML----------*/ 
gulp.task('html', function() { 
    gulp.src('./src/index.html') 
     .pipe(connect.reload()); 
}); 

/*----------CSS----------*/ 
gulp.task('css', function() { 
    return gulp.src('css/*.css') 
     .pipe(minifyCSS({keepBreaks:true})) 
     .pipe(rename('common.min.css')) 
     .pipe(gulp.dest('testfiles/')) 
     .pipe(livereload()); 
     /*.pipe(connect.reload());*/ 
     /*.pipe(notify('Done!'))*/ 
}); 

/*----------Watch----------*/ 
gulp.task('watch', function() { 
    livereload(); 
    gulp.watch('css/*.css', ['css']); 
    gulp.watch('index.html', ['html']); 
}); 

gulp.task('default', ['css', 'watch', 'connect']); 

Вот моя структура проекта:

Answer 1

я поставил полный answere здесь:

так для корня.

Если ваш файл index.html является тем, который находится в основном каталоге. установите корневую конфигурацию на ./

connect.server({ 
     root: './', 
     livereload: true 
    }); 

Для перезарядки.

Я не использую LiveReload, но в док, я могу видеть это

gulp.task('less', function() { 
    gulp.src('less/*.less') 
    .pipe(less()) 
    .pipe(gulp.dest('css')) 
    .pipe(livereload()); 
}); 

gulp.task('watch', function() { 
    livereload.listen(); 
    gulp.watch('less/*.less', ['less']); 
}); 

может быть, что вы пропустили .listen()