使用 Gulp 运行业力测试时出现“模块未定义”错误

Question

我的团队正在努力从 Grunt 迁移到 Gulp。我有一个运行良好的 Grunt 测试任务，但是当我尝试运行测试（使用 gulp-karma）时，我收到一条错误消息“ReferenceError：找不到变量：模块”

我在 Google 上搜索并发现很多帖子说要检查我的 angular-mocks.js 文件的位置，并且它在正确的空间中（我的 Grunt 任务对于相同的代码确实工作）。

为了验证它在我的代码中没有什么奇怪的，启动了一个新的 yo angular 应用程序并能够复制错误。

我的猜测是我缺少配置值或步骤或其他内容。有什么建议吗？

谢谢。

Answer 1

@mcranston18 的回答绝对有效。但作为替代选项，gulp-karma 目前是一个不必要的插件。 gulp 的部分优势在于，您不必为任何事情都使用插件。相反，您可以直接连接到karma。

var gulp = require('gulp');
var karma = require('karma').server;

gulp.task('tests', function(done) {
  return karma.start({
      configFile: __dirname + '/test/karma.conf.js',
      singleRun: true
    }, done);
});

Answer 2

当您运行 gulp tests 时，gulp-karma 会在 gulpfile.js 中查找文件，而不是您定义的 karma.conf.js。请记住，当您返回 gulp.src(tests) 时，您传递的是测试通过所需的文件数组。

要解决您的问题，请在您的 gulpfile.js 中更新您的 tests 数组以包含您的 bower 文件、应用程序文件和测试文件：

var tests = [
  'bower_components/angular/angular.js',
  'bower_components/angular-mocks/angular-mocks.js',
  'bower_components/angular-animate/angular-animate.js',
  'bower_components/angular-cookies/angular-cookies.js',
  'bower_components/angular-resource/angular-resource.js',
  'bower_components/angular-route/angular-route.js',
  'bower_components/angular-sanitize/angular-sanitize.js',
  'bower_components/angular-touch/angular-touch.js',
  'app/scripts/app.js',
  'app/scripts/**/*.js',
  'test/mock/**/*.js',
  'test/spec/**/*.js'
];

您可以删除karma.conf.js 中的files 数组，因为它们不需要。

（p.s. 我还引用了 app.js，因为 app/scripts/**/*.js 不会匹配需要首先加载的 app.js）