无法加载记者“coverage-istanbul”

Question

我正在尝试使用https://webpack.js.org/loaders/istanbul-instrumenter-loader/运行代码覆盖率

这是 karma.conf.js

var testWebpackCfg = require('../webpack/webpack.config.test.js');

module.exports = function(config) {
  config.set({
    basePath: '../../',
    frameworks: ['jasmine'],
    plugins: [ 'karma-webpack', 'karma-jasmine-jquery', 'karma-jasmine', 'karma-chrome-launcher','karma-firefox-launcher', 'karma-coverage','karma-spec-reporter', 'karma-jasmine-html-reporter'],

    preprocessors: {
      'client/test/index.js': ['webpack']
    },

    reporters: [ 'spec', 'coverage-istanbul'],

    coverageIstanbulReporter: {
      reports: [ 'text-summary' ],
      dir: './coverage',
      fixWebpackSourcePaths: true
    },

    files: [
      'client/test/index.js'
    ],

    webpack:  testWebpackCfg,

    // web server port
    port: 9876,
    runnerPort: 9100,
    urlRoot: '/',

    // level of logging
    // possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: false,

    browsers: ['Chrome'],
    singleRun: true
  });
};

网络包配置

{
            test: /\.js$/i,
            exclude: [
                paths.appNodeModules
            ],
            use: [
                {
                    loader: require.resolve('babel-loader'),
                    options: {
                        presets: ['@babel/preset-env']
                    }
                },
                {
                    loader: require.resolve('istanbul-instrumenter-loader'),
                    options: {
                        esModules: true
                    }
                }
            ]
        }

在运行 Karma 时，我看到此错误“无法加载报告器“coverage-istanbul”，它未注册！也许你错过了一些插件？

Answer 1

通过在 karma 配置插件中添加karma-coverage-istanbul-reporter解决了该错误。

npm i karma-coverage-istanbul-reporter --save-dev

karma.conf.js

{
    ...
    plugins: ['karma-coverage-istanbul-reporter']
    ...
}