angularjs - 执行 gulp 任务时无法在 karma 配置文件上加载 "mocha"框架

Question

执行时 gulp test-browser命令，我收到以下警告消息

WARN [reporter]: Can not load "mocha", it is not registered!
Perhaps you are missing some plugin?

但如果我执行 karma start命令它工作正常，它没有显示任何警告消息。

为什么我会收到此警告消息？
我在这里缺少什么？

包.json

{
'''
 "dependencies": {
    "browser-sync": "^2.9.12",
    "gulp": "^3.9.0",
    "karma": "^0.13.15",   
    "karma-mocha": "^0.2.0",
    "mocha": "^2.3.3"
  },
  "devDependencies": {
    "karma-phantomjs-launcher": "^0.2.1",
    "phantomjs": "^1.9.18"
  }
}

gulpfile.js

gulp.task('test-browser', function () {
var config = {
    configFile: __dirname + '/karma.conf.js',
    singleRun: true,
    reporters: ['mocha']
};
var server = new Server(config);
server.start();
});

业力配置文件

module.exports = function (config) {
config.set({
    browsers: ['PhantomJS'],        
    frameworks: ['mocha'],
    files: [
        "bower_components/angular/angular.js",
        "bower_components/chai/chai.js",
        "app/**/*.js",
        "test/*.spec.js"
        ]
    });
};

Answer 1

这里的问题是你没有 karma-mocha-reporter在您的 karma.conf.js 中安装或添加插件。

如果你没有安装它。

npm install karma-mocha-reporter --save-dev

并将其添加到您的 karma.conf.js插件。

module.exports = function(config){
config.set({
    plugins:['karma-mocha','karma-phantomjs-launcher','karma-mocha-reporter'],
    browsers:['PhantomJS'],
    frameworks:['mocha'],
    files:[
        "bower_components/angular/angular.js",
        "bower_components/angular-mocks/angular-mocks.js",
        "bower_components/chai/chai.js",

        "app/**/*.js",

        "test/*.js"
    ],
    colors: true,
})
}

它应该解决警告并使其正常工作。