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

Я хочу использовать gulp reload в своем рабочем процессе, но у меня проблемы с этим. Когда я запускаю команду "gulp" в командной строке, у меня есть соединение с сервером, но когда я захожу в браузер, появляется маска "Cannot 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']);

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

1 ответ

Решение

Я положил полный ответ здесь:

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

Если ваш файл 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()

Другие вопросы по тегам