业力+茉莉花+ Webpack:模块不是功能 [英] karma + jasmine + webpack: module is not a function

问题描述

由于这个错误，我无法实例化控制器，它说:

I cannot instantiate a controller because of this error, it says:

• 模块不是函数

应该做什么模块是angular.mock的别名，但是我的问题是:

What module is supposed to do is being an alias of angular.mock, but my question is:

可能是模块被重写但Webpack中的模块被重写了吗? (module.exports)

Can it be that module gets rewrite but module from webpack? (module.exports)

这是我的karma.config.js文件:

/*global __dirname*/
// Karma configuration

var path = require('path');
var webpackConfig = require('./webpack.config');

module.exports = function(config) {
config.set({

      // base path that will be used to resolve all patterns (eg. files, exclude)
      basePath: __dirname,

      // frameworks to use
      // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
      frameworks: ['jasmine'],

      // list of files / patterns to load in the browser
      files: [
          'src/Bundle/Resources/assets/base/base.js',
          'src/**/*.spec.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: {
          'src/Bundle/Resources/assets/base/base.js': ['webpack'],
          'src/**/*.spec.js': ['webpack']
      },

      // 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,

      plugins: [
          require('karma-jasmine'),
          require('karma-chrome-launcher'),
          require('karma-webpack')
      ],

      webpack: {
          module: {
              loaders: webpackConfig.module.loaders
          },
          resolve: {
              alias: webpackConfig.resolve.alias
          },
          plugins: webpackConfig.plugins
      }
});
};

推荐答案

实际上是webpack将模块(angular.mock.module)重写为(module.exports)，因此解决方案未使用别名.像这样直接使用angular.mock函数:

Actually it was webpack whitch rewrites module (angular.mock.module) to (module.exports), then the solution is not using the alias. Use directly the angular.mock function like this:

angular.mock.module()

这篇关于业力+茉莉花+ Webpack:模块不是功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！