Question

从Gulp.js存储库中关注example recipe时。我收到一个错误：

[12:27:31] Using gulpfile C:\GH\riot-tag-build\Gulpfile.js
[12:27:31] Starting 'browserify'...

_stream_readable.js:602
    var written = dest.write(chunk);
                       ^
TypeError: Object #<Readable> has no method 'write'
    at write (_stream_readable.js:602:24)
    at flow (_stream_readable.js:611:7)
    at _stream_readable.js:579:7
    at process._tickCallback (node.js:442:13)

我尝试修改源代码以符合我的要求，这是我试图运行的Gulpfile，但没有运气。

var gulp = require('gulp');
var browserify = require('browserify');
var riotify = require('riotify');
var transform = require('vinyl-transform');
var buffer = require('gulp-buffer');

gulp.task('browserify', function () {
  // set up the browserify instance on a task basis
  var b = browserify({debug: true});
  // transform regular node stream to gulp (buffered vinyl) stream
  var browserified = transform(function(filename) {
    b.add(filename);
    return b.bundle();
  });

  return gulp.src('./main.js')
    .pipe(browserified)
    .pipe(gulp.dest('./dist/'));
});

gulp.task('default', ['browserify']);

整个例子可以从here

找到

为什么流可能是只读的任何想法？任何帮助表示赞赏。

Answer 1

我遇到了同样的问题。我找到了解决方案。你刚刚降级了浏览器＆＃34;版本到最新的9.0.4。一切都会好的。您可以参考提交历史记录。

https://github.com/substack/node-browserify/commits/master

====更新====

我解决了这个错误。我使用＆＃39;到2＆＃39;，代码如下。

gulp.src('./src/index.js')
    .pipe(through2.obj(function (file, enc, next){
            browserify(file.path)
                .bundle(function(err, res){
                    // assumes file.contents is a Buffer
                    file.contents = res;
                    next(null, file);
                });
        }))
    .pipe(gulp.dest('./build/'))

解决方案来自这个问题。

https://github.com/substack/node-browserify/issues/1044

Answer 2

我不确定乙烯基变换，但我想使用browserify的正确方法是将其用作起点，然后将流转换为乙烯基对象。至少那是食谱中的内容。

var gulp       = require('gulp'),
    source     = require('vinyl-source-stream'),
    browserify = require('browserify');

gulp.task('browserify', function () {
  return browserify({
    debug: true,
    entries: ['./main.js']
  }).bundle()
    .pipe(source('main.bundle.js'))
    .pipe(gulp.dest('./dist/'));
});

对象＃<可读>没有方法＆＃39;写＆＃39;使用Gulp + Browserify </readable>时

2 个答案: