如何让Karma和Webpack找到模块？

Question

我希望在webpack将它们合并后，通过Karma测试运行程序来测试一大堆模块，但每当我运行测试时，Karma都会报错，显示：

"错误：无法找到模块“hello.js”，位于 http://localhost:9877/base/src/hello.spec.js?d301966ffc1330826574d9d8fff5a644c3390c68:47"

我有一个规范文件：

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模块？

我尝试过将规范文件的第一行更改为以下内容：

require('hello.js');

或者

require('./hello.js');

或者

require('hello');

根据Karma Webpack - Error: Cannot find module "./test/utilities.js"的建议，我认为这里没有太复杂的问题，就像使用karma-webpack时遇到的找不到模块错误那样。

我已经检查过Karma测试运行器是否正常工作。如果我在自己的文件中运行一个非常简单的测试，它就能够正常工作。

我该如何解决这个问题？

- Gabriel Kunkel

---

你尝试过使用 require('../src/hello'); 吗？ - Henrik Andersson

我在将这两个文件移动到同一个目录之前已经完成了。 - Gabriel Kunkel

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"
}

- Aitor Aznar Álvarez