怎样才能让肝脏正常工作？

Question

我用gulp-connect 2.0.6试着让肝脏正常工作，

WebSocket connection to 'ws://localhost:35729/livereload' failed: Error during WebSocket handshake: Status line contains embedded null 

抛出这个错误的那一行写着，

this.socket = new this.WebSocket(this._uri);

我粘贴了所有相关文件(gulpfile.js，package.json等)以及这个要旨中的控制台输出。

Answer 1

据我所知，您似乎是跟随着我发布的一个屏幕显示来运行D3环境，并自动重新加载：https://www.tagtree.tv/d3-episode1-environment。

我看了一下要点。为了让大家更容易阅读这篇文章，我想输入一下您的gulpfile.js的内容：

您的gulpfile.js

var gulp = require('gulp'),
  connect = require('gulp-connect'),
  traceur = require('gulp-traceur'),
  sass = require('gulp-ruby-sass');

gulp.task('connect', function() {
  connect.server({
    livereload: true,
    port: 8005
  });
});

gulp.task('sass', function(){
  gulp.src('./sass/*.scss')
  .pipe(sass())
  .pipe(gulp.dest('dist/css'));
});

gulp.task('watch', function(){
  gulp.watch(['./sass/*.scss'], ['sass']);
});

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

溶液

我不知道这是否是绝对必要的，但当我对屏幕进行编码时，我所做的是从调用connect上重新加载的手表任务中勾起一个吞食任务。

更改监视任务

首先，你需要把你的手表任务改变成这样。注意，路径使用来自屏风的路径，但是使用正确的glob来监视应该触发重新加载的文件。

gulp.task('watch', function(){
    gulp.watch(['./sass/*.scss'], ['sass']);
    gulp.watch(['./dist/**/*.*'], ['reload']);
});

重载任务

reload任务在connect模块上调用reload，该模块在websocket上发布一条导致文件重新加载的消息，下面是我的重新加载任务如下所示：

gulp.task('reload', function(){
    gulp.src('./dist/**/*.*')
    .pipe(connect.reload());
});

gulpfile.js的最终版本

如果其他人对屏风有问题，请查看古pfile的最终版本。

var gulp = require('gulp'),
    connect = require('gulp-connect'),
    traceur = require('gulp-traceur'),
    sass = require('gulp-ruby-sass');

gulp.task('connect', function(){
    connect.server({
        livereload: true,
        port: 8005
    });
});

gulp.task('reload', function(){
    gulp.src('./dist/**/*.*')
    .pipe(connect.reload());
});

gulp.task('sass', function(){
    gulp.src('./sass/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('dist/css'));
});

gulp.task('traceur', function(){
    gulp.src('./scripts/*.js')
    .pipe(traceur())
    .pipe(gulp.dest('dist/scripts'));
});


gulp.task('watch', function(){
    gulp.watch(['./sass/*.scss'], ['sass']);
    gulp.watch(['./scripts/*.js'], ['traceur']);
    gulp.watch(['./dist/**/*.*'], ['reload']);
});


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