Question

我无法使用这个看似简单的插件来工作...此设置在我的同事计算机上工作得很好

我打开了chrome扩展名，并且正在使用gulpfile。相关的gulp代码：

// misc dependencies but this one is in... 
...
const livereload = require('gulp-livereload');
...

//default task
gulp.task('default', ['html', 'styles', 'scripts', 'watch']);
gulp.task('build', ['html', 'styles', 'scripts']);

// templating task
gulp.task('html', function() {
    return gulp.src('views/**/*.html')
    .pipe(livereload());
});

//styles build/minification
gulp.task('styles', function() {
    return gulp.src('client/scss/styles.scss', {
        noCache: true,
        style: 'compressed'
    })
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(cleanCSS())
    .pipe(sourcemaps.write('../maps'))
    .pipe(gulp.dest('public/build/stylesheets'))
    .pipe(livereload());
});

gulp.task('scripts', function() {
    gulp.src('client/js/script.js')
    .pipe(webpack(require('./webpack.config.js')))
        .pipe(uglify())
    .pipe(gulp.dest('public/build/javascripts'))
    .pipe(livereload());
});

// uses livereload
gulp.task('watch', function() {
  livereload.listen();
    gulp.watch('views/**/*.html', ['html']);
  gulp.watch('client/scss/*.scss', ['styles']);
    gulp.watch('client/js/**/*.js', ['scripts']);
});

来自https://www.npmjs.com/package/gulp-livereload：

3.x升级通知gulp-livereload将不会自动侦听更改。现在，除非您进行了设置，否则您必须手动调用livereload.list 选项start：livereload（{{start **：** true}）

您可以在我的代码中看到，listen是手动调用的。我尝试做.pipe(livereload({start:true}));，但仍然无法实时重新加载。

我的机器统计信息： OXS船长版本10.11.6 iMac（27英寸，2012年末）

我的浏览器统计信息： Google chrome = 74.0.3729.6版（官方内部版本）开发人员（64位）

插件统计信息： Livereload =版本2.1.0

有什么想法吗？我该怎么办？

gulp live-reload / live-reload chrome插件不起作用OS X El Captain版本10.11.6

0 个答案: