gulp 和 karma，文件 karma.conf.js 不存在 [英] gulp and karma, file karma.conf.js does not exist

问题描述

我有一个基本的 AngularJS 应用程序，并希望我的所有终端命令与 gulp 任务一起运行，例如用于开发服务器的 $ gulp dev 和用于测试等的 $ gulp unitTest.

I have a basic AngularJS app and want to have all my terminal command run with gulp tasks eg $ gulp dev for the development server and $ gulp unitTest for testing etc.

我已经按照文档使用 $ npm install --save-dev gulp 和我的 gulpfile.js 在项目文件的根目录中安装了 Gulp.我也对 karma 的安装和配置文件做了同样的事情.

I have installed Gulp as per the Docs using $ npm install --save-dev gulp with my gulpfile.js in the root of the project file. I have also done the same for karma's install and config file.

现在值得说明的是，我希望所有的 npm 安装都带有 --save 标记，以便在办公室和服务器周围轻松移动项目.

It is worth stating now that I want all the npm installs tagged with --save for easily move the project around the office and servers.

在将任务添加到 Gulp 时，我必须为 configFile 选项提供相对(到 karma 模块)路径来查找配置，但它没有找到测试.

When it comes to adding the task to Gulp I have to us a relative (to the karma module) path for the configFile option to find the config but then It does not find the tests.

以下 gulpfile.js 产生错误 ERROR [config]: File karma.conf.js does not exist!

the following gulpfile.js produces the error ERROR [config]: File karma.conf.js does not exist!

var gulp = require('gulp'),
    // ....
    karma = require('karma').Server;

gulp.task('test', function(done) {
    var karmaServerOptions = {
        configFile: 'karma.conf.js', // works if relative path from ./node_modules/karma/lib/config.js
        singleRun: true
    };

    karma.start(
        karmaServerOptions,
        function(exitStatus) {
            done(exitStatus ? 'There are failing tests' : undefined);
        }
    );
});

karma.conf.js:

karma.conf.js:

// Karma configuration
// Generated on Thu Aug 06 2015 13:38:12 GMT+0100 (BST)
module.exports = function(config) {
    config.set({
        // base path that will be used to resolve all patterns (eg. files, exclude)
        basePath: './',
        // frameworks to use
        // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
        frameworks: ['jasmine'],
        // list of files / patterns to load in the browser
        files: [
            // '**/*js',
            'node_modules/angular/angular.js',
            'app/**/*.js',
            // 'unitTests/**/*Spec.js',
            // 'unitTests/**/*spec.js'
            'unitTests/**/*.js'
        ],
        // list of files to exclude
        exclude: [],
        // preprocess matching files before serving them to the browser
        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
        preprocessors: {},
        // test results reporter to use
        // possible values: 'dots', 'progress'
        // available reporters: https://npmjs.org/browse/keyword/karma-reporter
        reporters: ['progress'],
        // web server port
        port: 9876,
        // enable / disable colors in the output (reporters and logs)
        colors: true,
        // level of logging
        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
        logLevel: config.LOG_INFO,
        // enable / disable watching file and executing tests whenever any file changes
        autoWatch: true,
        // start these browsers
        // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
        browsers: ['Chrome'],
        // Continuous Integration mode
        // if true, Karma captures browsers, runs the tests and exits
        singleRun: false
    })
}

注意:files 数组有点乱，因为它仍然有我的一些实验，但不是全部.

note: The files array is a bit of a mess as it still has some, but not all, of my experiments in it.

推荐答案

参见gulp 任务找不到 karma.conf.js 以获得关于 __dirname 的解释.

See gulp task can't find karma.conf.js for an explantation about __dirname.

或使用:

var Server = require('karma').Server
gulp.task('test', function (done) {
   new Server({
     configFile: require('path').resolve('karma.conf.js'),
     singleRun: true
   }, done).start();
 });

这篇关于gulp 和 karma，文件 karma.conf.js 不存在的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！