Question

我最近使用GULP进行建设。但是，当我试图运行我的脚本＆＃34;时，我碰到了一堵墙。清洗

错误

D:\GitHub\ASGARD\baseThemeV2\src>gulp default
[23:13:03] Using gulpfile D:\GitHub\ASGARD\baseThemeV2\src\gulpfile.js
[23:13:03] Starting 'lint:js'...
[23:13:03] Starting 'build:plugins'...
[23:13:03] Starting 'build:js'...
[23:13:03] Starting 'build:less'...
[23:13:03] Starting 'build:images'...
[23:13:03] Starting 'build:svgs'...
[23:13:03] Starting 'build:fonts'...
[23:13:03] Starting 'build:favicon'...
[23:13:03] Finished 'build:favicon' after 2.19 ms
[23:13:03] Finished 'build:plugins' after 78 ms
D:\GitHub\ASGARD\baseThemeV2\src\node_modules\gulp-tap\lib\tap.js:60
    if (obj instanceof baseStream && !obj._readableState.ended) {
                                                        ^

TypeError: Cannot read property 'ended' of undefined
    at DestroyableTransform.modifyFile (D:\GitHub\ASGARD\baseThemeV2\src\node_modules\gulp-tap\lib\tap.js:60:57)
    at DestroyableTransform.Transform._read (D:\GitHub\ASGARD\baseThemeV2\src\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:182:10)
    at DestroyableTransform.Transform._write (D:\GitHub\ASGARD\baseThemeV2\src\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:170:83)
    at doWrite (D:\GitHub\ASGARD\baseThemeV2\src\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:406:64)
    at writeOrBuffer (D:\GitHub\ASGARD\baseThemeV2\src\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:395:5)
    at DestroyableTransform.Writable.write (D:\GitHub\ASGARD\baseThemeV2\src\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:322:11)
    at DestroyableTransform.ondata (D:\GitHub\ASGARD\baseThemeV2\src\node_modules\through2\node_modules\readable-stream\lib\_stream_readable.js:612:20)
    at emitOne (events.js:96:13)
    at DestroyableTransform.emit (events.js:188:7)
    at addChunk (D:\GitHub\ASGARD\baseThemeV2\src\node_modules\through2\node_modules\readable-stream\lib\_stream_readable.js:284:12)

D:\GitHub\ASGARD\baseThemeV2\src>

Gulp＆＃34; Command＆＃34;我正在使用 我相信错误是＆＃34; .pipe（点击（功能（文件，文字）{＆＃34; - 但我不知道＆＃34;不是＆＃34;使用它。

// Lint, minify, and concatenate scripts
gulp.task('build:js',  function() {
    var jsTasks = lazypipe()
        .pipe(header, banner.full, { package : package })
        .pipe(gulp.dest, paths.scripts.output)
        .pipe(rename, { suffix: '.min' })
        .pipe(uglify)
        .pipe(header, banner.min, { package : package })
        .pipe(gulp.dest, paths.scripts.output);

    return gulp.src(paths.scripts.input)
        .pipe(plumber())
        .pipe(tap(function (file, t) {
            if ( file.isDirectory() ) {
                var name = file.relative + '.js';
                return gulp.src(file.path + '/*.js')
                    .pipe(concat(name))
                    .pipe(jsTasks());
            }
        }))
        .pipe(jsTasks());
});

Answer 1

问题在于这行代码：

if (obj instanceof baseStream && !obj._readableState.ended) {
  obj.on('end', next);
  return obj.on('data', data = function() {
    obj.removeListener('end', next);
    obj.removeListener('data', data);
    return next();
  });
} else {
  return next();
}

_readableState中没有属性obj，因此当我们尝试阅读ended时，我们会收到错误消息。通过一些小的谷歌搜索，我们可以找到类似的issue discussed on github，这证实确实_readableState在流中不是必须的。

Streams不需要具有_readableState状态属性。如果实现继承自stream.Readable，它们将得到这个，但是否则没有这样的保证。

如果我们接着to the Node.js docs，我们发现有几种类型的流：

Node.js中有四种基本流类型：

可读 - 可以从中读取数据的流（例如fs.createReadStream（））。
可写 - 可以写入数据的流（例如fs.createWriteStream（））。
Duplex - 可读和可写的流（例如net.Socket）。
转换 - 可以在写入和读取数据时修改或转换数据的双工流（例如zlib.createDeflate（））。

回到代码，obj是您在回调中返回的内容：

obj = lambda(inst.file, utils(this, inst.file), inst);

即：

return gulp.src(file.path + '/*.js')
    .pipe(concat(name))
    .pipe(jsTasks());

它是一个流，但不是一个可读的流吗？如果是这样，代码将失败。

Gulp使用Vinyl流，您可能需要将其转换为“普通”流。这gulp plugin似乎可以胜任。

P.S。另外我建议您查看tap提供的示例，确定需要在案例中返回一个流吗？

GULP tap.js - 无法读取属性

1 个答案: