自定义 Gulp.js 插件：类型错误"Path must be a string. Received undefined"

我在StackOverflow上发现了几个关于TypeError: Path must be a string的线程，尽管我无法将建议的解决方案应用于我的案例。

我正在尝试构建一个Gulp插件，该插件连接到(付费)javascript模糊处理程序.com服务，并使用他们的POSTAPI来模糊我的JS。

Gulp任务看起来像：

var gulp = require('gulp'),
jso = require('./jsobfuscator');
gulp.task('jso', function() {
// .jsx contain extendscript language, which as far as 
// the service is concerned, could be treated as .js
return gulp.src('.src/app/jsx/photoshop.jsx')
.pipe(jso())
.pipe(gulp.dest('./dist'))
});

jsobfuscator.js文件包含以下代码：

var through = require('through2'),
http = require('http'),
gutil = require('gulp-util'),
Readable = require('stream').Readable
module.exports = function() {
/**
* @this {Transform}
*/
var transform = function(file, encoding, callback) {
var that = this;
var proj = {};
proj.APIKey = "/* MyAPIKey*/";
proj.APIPwd = "/* MyAPIPwd*/";
proj.Name = "DoubleUSM";
proj.ReorderCode = true;
proj.ReplaceNames = true;
proj.EncodeStrings = true;
proj.MoveStrings = true;
proj.MoveMembers = true;
proj.DeepObfuscate = true;
proj.SelfCompression = true;
// Unsure about these two...
proj.CompressionRatio = "Auto";
proj.OptimizationMode = "Auto";
var appJS = new Object();
appJS.FileName = "app.js";
appJS.FileCode = file.contents.toString('utf8');
// Will try to implement multiple files later on
proj.Items = [appJS];
var postData = JSON.stringify(proj);
// Length is OK
gutil.log ("Length: " + Buffer.byteLength(postData, 'utf-8'))
var options = {
host: 'service.javascriptobfuscator.com',
path: '/HttpApi.ashx',
method: 'POST',
headers: { 
'Content-Type': 'text/json',
'Content-Length': Buffer.byteLength(postData, 'utf-8')
}
};
callback = function(response) {
response.setEncoding('utf8');
var str = '';
response.on('data', function(chunk) {
str += chunk;
});
response.on('end', function() {
// I get the correct response here!
gutil.log(JSON.stringify(JSON.parse(str), null, '  '));
var resObj = JSON.parse(str);
// Converting the received string into a Buffer
var fileStream = new Readable();
// resObj.Items[0].FileCode is where the obfuscated code belongs
fileStream.push(resObj.Items[0].FileCode);
fileStream.push(null);
that.push(fileStream);
callback();
});
}
var req = http.request(options, callback);
req.write(postData);
req.end();
};
return through.obj(transform);
};

当我运行gullow任务时，我显然从javascriptbluzzor代码中得到了正确的响应(如下所示)，但我将文件传递到目的地的部分出现了问题，因为我得到了：

(master)*  gulp jso
[15:13:30] Using gulpfile ~/Dropbox/Developer/PROJECTS/DOUBLE USM/gulpfile.js
[15:13:30] Starting 'jso'...
[15:13:31] Lenght: 21897
[15:13:32] {
"Type": "Succeed",
"Items": [
{
"FileName": "app.js",
"FileCode": /* ... Long, horrible, properly obfuscated blob here... */
}
],
"ErrorCode": null,
"Message": null,
"FileName": null,
"LineNumber": null,
"ExceptionToString": null
}
path.js:7
throw new TypeError('Path must be a string. Received ' + inspect(path));
^
TypeError: Path must be a string. Received undefined
at assertPath (path.js:7:11)
at Object.resolve (path.js:1146:7)
at DestroyableTransform.saveFile [as _transform] (/Users/davidebarranca/Dropbox/Developer/PROJECTS/DOUBLE USM/node_modules/vinyl-fs/lib/dest/index.js:36:26)
at DestroyableTransform.Transform._read (/Users/davidebarranca/Dropbox/Developer/PROJECTS/DOUBLE USM/node_modules/vinyl-fs/node_modules/readable-stream/lib/_stream_transform.js:184:10)
at DestroyableTransform.Transform._write (/Users/davidebarranca/Dropbox/Developer/PROJECTS/DOUBLE USM/node_modules/vinyl-fs/node_modules/readable-stream/lib/_stream_transform.js:172:12)
at doWrite (/Users/davidebarranca/Dropbox/Developer/PROJECTS/DOUBLE USM/node_modules/vinyl-fs/node_modules/readable-stream/lib/_stream_writable.js:237:10)
at writeOrBuffer (/Users/davidebarranca/Dropbox/Developer/PROJECTS/DOUBLE USM/node_modules/vinyl-fs/node_modules/readable-stream/lib/_stream_writable.js:227:5)
at DestroyableTransform.Writable.write (/Users/davidebarranca/Dropbox/Developer/PROJECTS/DOUBLE USM/node_modules/vinyl-fs/node_modules/readable-stream/lib/_stream_writable.js:194:11)
at DestroyableTransform.ondata (/Users/davidebarranca/Dropbox/Developer/PROJECTS/DOUBLE USM/node_modules/through2/node_modules/readable-stream/lib/_stream_readable.js:546:20)
at emitOne (events.js:96:13)

诚然，我不是Gulp插件的专家——我正试图为自己的私人用途构建一个功能。看起来我已经很接近了，但我已经陷入了这条死胡同一段时间了，我需要更有经验的人的帮助。

提前感谢

半工作更新

如下修改response.on('end')回调，我终于能够编写文件：

response.on('end', function() {
var resObj = JSON.parse(str);
var fileStream = new Readable();
fileStream.push(resObj.Items[0].FileCode);
fileStream.push(null);
// Manually creating a new Vinyl file
var jsFile = new Vinyl({
cwd: file.cwd,
base: file.base,
path: file.path,
contents: fileStream
});
return that.push(jsFile);
// callback();
});

不过，我必须注释掉最后的callback()，否则我会遇到一个指向response.setEncoding('utf8');行的错误，response未定义。

现在的问题是，任务似乎是，在某种程度上，从未终止。控制台说Starting 'jso'...，文件被写入，控制台返回，但没有Finished 'jso' after nn ms，最糟糕的是，我完全无法在之后链接更多的吞咽任务，所以如果I:

gulp.task('jso1', function() {
return gulp.src('.src/app/jsx/photoshop.jsx')
.pipe(jso())
.pipe(gulp.dest('./dist'))
});
gulp.task('jso2', ['jso1'], function() {
return gulp.src('.src/app/app.js')
.pipe(jso())
.pipe(gulp.dest('./dist'))
});
// then in the Terminal:
$ gulp jso2

我唯一得到的是jso1开始，显然在工作，但从未完成；jso2从不运行。