testing - 无法使用 Angular-cli 运行 Karma

Question

我遇到了一个奇怪的问题，它发生在我的一个项目中，即使使用完全相同的设置也无法在其他项目中重现。

每次我尝试运行 ng test 或别名 npm test 时，我都会遇到缺少两个模块的错误 (karma-jasmine-html-记者 & karma-coverage-istanbul-reporter)。虽然模块肯定在那里!例如:

web-app@0.0.3-alpha test /Users/vassilis/Projects/WebApp ng test

07 03 2017 12:08:27.157:ERROR [config]: Error in config file! { Error: Cannot find module 'karma-jasmine-html-reporter' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at module.exports (/Users/vassilis/Projects/WebApp/karma.conf.js:11:7) at Object.parseConfig (/Users/vassilis/Projects/WebApp/node_modules/karma/lib/config.js:342:5) at new Server (/Users/vassilis/Projects/WebApp/node_modules/karma/lib/server.js:56:20) at /Users/vassilis/Projects/WebApp/node_modules/@angular/cli/tasks/test.js:26:31 at Class.run (/Users/vassilis/Projects/WebApp/node_modules/@angular/cli/tasks/test.js:10:16) at Class.run (/Users/vassilis/Projects/WebApp/node_modules/@angular/cli/commands/test.js:29:25) at Class. (/Users/vassilis/Projects/WebApp/node_modules/@angular/cli/ember-cli/lib/models/command.js:134:17) at process._tickCallback (internal/process/next_tick.js:103:7) code: 'MODULE_NOT_FOUND' } npm ERR! Test failed. See above for more details.

这是我的设置:

karma .conf.js

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular/cli'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular/cli/plugins/karma')
    ],
    client:{
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    files: [
      { pattern: './src/test.ts', watched: false }
    ],
    preprocessors: {
      './src/test.ts': ['@angular/cli']
    },
    mime: {
      'text/x-typescript': ['ts','tsx']
    },
    coverageIstanbulReporter: {
      reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    angularCli: {
      config: './angular-cli.json',
      environment: 'dev'
    },
    reporters: config.angularCli && config.angularCli.codeCoverage
              ? ['progress', 'coverage-istanbul']
              : ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

以及 angular-cli.json 中的相关部分:

"test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  }

我真的很困惑。这似乎是与项目相关的问题，但我无法确定 Karma 是否根本不运行。对此有什么想法吗？

Answer 1

似乎没有安装依赖项，你确定你已经安装了这些依赖项吗？

npm install --save-dev karma-jasmine-html-reporter karma-coverage-istanbul-reporter