Object # <Readable> không có phương pháp 'ghi' khi sử dụng Gulp + Browserify

Question

Khi sau example recipe từ kho Gulp.js. Tôi gặp lỗi:

[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) 

Tôi đã cố gắng sửa đổi mã nguồn để phù hợp với yêu cầu của mình và đây là Gulpfile mà tôi đang cố chạy không may mắn.

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']); 

Và toàn bộ ví dụ có thể được tìm thấy từ here

Bất cứ ý tưởng tại sao con suối có thể read-only? Bất kỳ trợ giúp nào được đánh giá cao.

Answer 1

Tôi gặp vấn đề tương tự. Và tôi tìm ra giải pháp. Bạn chỉ cần hạ cấp phiên bản "browserify" xuống phiên bản 9.0.4 mới nhất. Và mọi thứ sẽ ổn. Bạn có thể tham khảo lịch sử cam kết.

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

Cập nhật ==== ====

tôi giải quyết lỗi này. Tôi sử dụng 'through2', mã như sau.

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/')) 

Giải pháp là do vấn đề này.

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

Answer 2

Tôi không chắc chắn về vinyl-biến đổi, nhưng tôi đoán một cách chính xác của việc sử dụng browserify là sử dụng nó như là điểm khởi đầu, và biến đổi dòng sau đó để một đối tượng vinyl. Ít nhất đó là những gì trong công thức nấu ăn.

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/')); 
});