อึก livereload ไม่ทำงาน

ฉันมีปัญหาแปลก ๆ นี้หลังจากติดตั้งแพ็คเกจอึกต่อไปนี้ ทุกอย่างแสดงผลได้ดี แต่เมื่อเข้าสู่ส่วนของ liveReload() มันก็ไม่โหลดหน้าซ้ำ...

ฉันติดตั้งส่วนขยาย Chrome livereload แล้ว (จำเป็นหรือไม่) และดูเหมือนว่าจะไม่มีอะไรต้องกำหนดค่าที่นั่น...

นี่คือ 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');
});

ทุกอย่างทำงานได้ดี การอึกกำลังทำสิ่งนั้นและเรนเดอร์ไฟล์ทั้งหมดของฉัน แต่เพจไม่โหลดซ้ำ... ฉันใช้เซิร์ฟเวอร์ http แบบง่ายของ python บนพอร์ต 8000

มีความคิดอะไรบ้าง?


person Naxon    schedule 01.07.2016    source แหล่งที่มา


คำตอบ (1)


สิ่งเดียวที่อยู่ในใจของฉันคือ: คุณได้รวมสคริปต์ไคลเอนต์ livereload ลงในเพจของคุณหรือไม่? AFAIK คุณควรจะฉีดสคริปต์นี้ที่ส่วนท้ายของเนื้อหาของเพจ

<script src="http://localhost:35729/livereload.js"></script>
person Community    schedule 01.07.2016