无法读取 gulp-browserify 中未定义的属性“发射”

Question

我遇到了问题。我已经创建了自己的种子：https://github.com/damirkusar/leptir-angular-seed，使用 gulp、browserify 等。

一切正常，因为我有一个好主意将节点从 10.32 更新到 12.5，我收到以下错误。我想这是从那时起。我也在另一台机器上试过，同样的设置，同样的错误。

所以，在 npm install 和 bower install 之后，我正在启动应用程序：

gulp

或者在尝试构建项目时

gulp build

我收到此错误：

leptir-angular-seed/node_modules/gulp-browserify/node_modules/browserify/node_modules/module-deps/index.js:162
rs.on('error', function (err) { tr.emit('error', err) });
                                  ^
TypeError: Cannot read property 'emit' of undefined
at ReadStream.<anonymous> (/leptir-angular-seed/node_modules/gulp-browserify/node_modules/browserify/node_modules/module-deps/index.js:162:39)
at ReadStream.emit (events.js:107:17)
at fs.js:1618:12
at FSReqWrap.oncomplete (fs.js:95:15)

这里也是 package.json 的链接：https://github.com/damirkusar/leptir-angular-seed/blob/450ffe99943036cd5a670e54ec3884c02bd7bb8a/package.json。

但幸运的是，karma start 执行了测试并且所有测试都通过了..

也许有些版本没有得到正确的支持？ 有谁知道是什么导致了这个问题？

-- 编辑 2015-June-25 14:23

我正在使用导致我的 gulp 文件出现问题的模块，如下所示：

// Browserify task
gulp.task('browserify', function () {
gulp.src(paths.browserify[0])
    .pipe(browserify({
        insertGlobals: true,
        debug: true
    }))
    // Bundle to a single file
    .pipe(concat('bower.js'))
    // Output it to our dist folder
    .pipe(gulp.dest(paths.destination_public))
    .pipe(refresh(lrServer)); // Tell the lrServer to refresh;

gulp.src(paths.browserify[1])
    .pipe(browserify({
        insertGlobals: true,
        debug: true
    }))
    // Bundle to a single file
    .pipe(concat('app.js'))
    // Output it to our dist folder
    .pipe(gulp.dest(paths.destination_public))
    .pipe(refresh(lrServer)); // Tell the lrServer to refresh;
});

哪些浏览器会化这些 app.js 文件及其内容：

require('./modules/core');
require('./modules/core');

和 bower.js 及其内容：

'use strict';

require('jquery');
require('bootstrap');
require('moment');
require('underscore');
require('angular');
require('angular-animate');
require('angular-bootstrap');
require('angular-bootstrap-tpls');
require('angular-cookies');
require('angular-mocks');
require('angular-resource');
require('angular-ui-router');
require('angular-ui-utils');
require('angular-translate');
require('angular-translate-loader-static-files');
require('angular-translate-loader-url');
require('angular-translate-storage-cookie');
require('angular-translate-storage-local');

非常感谢

Answer 1

"...but in fact, otherwise i am not using this module which causes the error." - 达米尔

modules 也有依赖关系。其他模块使用的这些模块之一似乎有问题。

您正在使用的模块可能依赖于旧版本的节点组件。尝试恢复旧版本，直到错误修复。

Answer 2

在 Windows 机器上（而不是我的 mac）它向我显示了更好的错误消息。

我引用了未安装的 bower 包。但完全忘记将其从 package.json 和 bower.js 中删除。

所以我删除了上述文件中引用以下包的代码：

• 角度翻译存储cookie
• 角度翻译存储本地

-- 2015 年 6 月 27 日更新 - 22:41 --

我看到 gulp-browserify 被 gulpjs 列入黑名单，所以我认为最好摆脱它，因为我在 windows 机器上也遇到了问题。我没有使用 gulp-browserify，而是使用带有乙烯基变换的普通 browserify。

首先，用这个更新你的 package.json：

"browserify": "9.0.4",
"vinyl-transform": "1.0.0"

你看，我正在使用这两个版本，这是因为对于较新的 browserify 版本，事情并没有真正起作用，所以为了确保它在我更新我的包时也能正常工作，我将它们保留在这个版本中。

然后让我们更新我们的 gulp 文件。我们需要添加这两行：

var browserify = require('browserify'),
transform = require('vinyl-transform');

我的新任务如下所示：

gulp.task('browserify', function () {
  var browserified = transform(function(filename) {
    var b = browserify(filename);
    return b.bundle();
  });

  return gulp.src(paths.browserify)
    .pipe(browserified)
    .pipe(gulp.dest(paths.destination_public));
});

它现在更短，更干净。我的路径是这样配置的..

var paths = {
    ...
    browserify: ['./public/bower.js', './public/app.js'],
    ...
    destination_public: './dist/'
};

现在我的种子在 mac 和 windows 上的工作方式相同。 https://github.com/damirkusar/leptir-angular-seed