如何让Karma + Webpack找到模块？

Question

我希望在webpack通过Karma测试运行器将它们组合在一起后,在一堆模块上运行我的测试,但每当我运行我的测试时,Karma说,

"错误:在http:// localhost:9877/base/src/hello.spec.js找不到模块"hello.js" ？d301966ffc1330826574d9d8fff5a644c3390c68:47 "

我有一个spec文件:

var a = require('hello.js');

describe("a test test", function() {

  it("humperdink test", function() {
    expect(a).toEqual('humperdink');
  }); //end it

}); //end describe

hello.js是这样的:

var a = 'humperdink';

module.exports = a;

这两个文件都在同一个文件夹中.

我的karma.conf.js是:

module.exports = function (config) {
  config.set({
    frameworks: ['jasmine'],
    files: [
      'src/**/*.js',
      'tests/**/*.spec.js'
    ],
    preprocessors: {
      'tests/**/*.spec.js': ['webpack'],
      'src/**/*.js' : ['webpack']
    },
    browsers: ['PhantomJS'],
    webpack: {
      entry: './src/hello.spec.js',
      output: {
        filename: 'bundle.js'
      }
    },
    webpackMiddleware: {
      noInfo: true
    }
  })
};

目前我安装的devDependencies是

"devDependencies": {
    "jasmine-core": "^2.3.4",
    "jshint": "^2.8.0",
    "karma": "^0.13.15",
    "karma-jasmine": "^0.3.6",
    "karma-jshint-preprocessor": "0.0.6",
    "karma-phantomjs-launcher": "^0.2.1",
    "karma-webpack": "^1.7.0",
    "phantomjs": "^1.9.19",
    "sinon": "^1.17.2",
    "webpack": "^1.12.9"

如何让Karma找到hello.js模块？

我已经尝试将spec文件的第一行更改为类似的内容

require('hello.js');

要么

require('./hello.js');

要么

require('hello');

根据Karma Webpack的建议- 错误:找不到模块"./test/utilities.js"

我不认为这里有什么太复杂的事情,在使用karma-webpack时找不到模块错误.

我已经检查过以确保Karma测试运行器正在运行.如果我在自己的文件中运行一个非常简单的测试,它就可以了.

我该如何解决这个问题？

Answer 1

我复制了你的项目并修复它.关注https://github.com/webpack/karma-webpack

在规范中:

var a = require('../src/hello.js');

karma.conf.js:

module.exports = function (config) {
  config.set({
    frameworks: ['jasmine'],
    files: [
      //'src/**/*.js', <-------- Remove or comment this
      'tests/**/*.spec.js'
    ],
    preprocessors: {
      'tests/**/*.spec.js': ['webpack'],
      'src/**/*.js' : ['webpack']
    },
    browsers: ['PhantomJS'],
    webpack: {
      entry: './tests/hello.spec.js',
      output: {
        filename: 'bundle.js'
      }
    },
    webpackMiddleware: {
      noInfo: true
    }
  })
};

另外对于npm test命令:在package.json中:

"scripts": {
    "test": "./node_modules/karma/bin/karma start"
}