Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript karma webpack:尚未加载上下文的模块名称:use require([])_Javascript_Angularjs_Karma Runner_Karma Jasmine_Karma Webpack - Fatal编程技术网

Javascript karma webpack:尚未加载上下文的模块名称:use require([])

Javascript karma webpack:尚未加载上下文的模块名称:use require([]),javascript,angularjs,karma-runner,karma-jasmine,karma-webpack,Javascript,Angularjs,Karma Runner,Karma Jasmine,Karma Webpack,我不熟悉JavaScript应用程序的Jasmine/Karma单元测试。我正在尝试在我当前的项目中实现它,该项目使用Angular 1.4.12和Webpack 1.13.1进行捆绑。我的文件夹结构如下: “core”中的index.js文件试图要求Web包绑定所需的各种其他模块。该文件如下所示: require('../../bower_components/font-awesome/css/font-awesome.min.css'); require('../../bower_comp

我不熟悉JavaScript应用程序的Jasmine/Karma单元测试。我正在尝试在我当前的项目中实现它,该项目使用Angular 1.4.12和Webpack 1.13.1进行捆绑。我的文件夹结构如下:

“core”中的index.js文件试图要求Web包绑定所需的各种其他模块。该文件如下所示:

require('../../bower_components/font-awesome/css/font-awesome.min.css');
require('../../bower_components/bootstrap/dist/css/bootstrap.min.css');
require('./scripts/app');
require('./scripts/index');
require('./views/index');
require('./styles/index');
现在,当我尝试运行驻留在以下位置的示例测试文件时:'modules/st/scripts/controllers/st.test.js',我收到以下错误消息:

未捕获错误:模块名称 “../../bower_components/font awesome/css/font awesome.min.css”尚未 尚未加载上下文:\的。使用require([])
在 C:/gitcode/repo/fm dashboard/node_modules/requirejs/require.js:143

我的karma.conf.js文件如下所示:

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

var webpackConfig = getWebpackConfig('test');
webpackConfig.output.path = __dirname+'/_build/test';
webpackConfig.entry = {};

// Karma configuration

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

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


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


    // list of files / patterns to load in the browser
    files: [
        './node_modules/requirejs/require.js',
        './app/core/index.js',
        './bower_components/angular/angular.js',
        './bower_components/angular-mocks/angular-mocks.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: {
        '../app/core/index.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: true,

    // Concurrency level
    // how many browser should be started simultaneous
    concurrency: Infinity,

    webpack: webpackConfig,


    webpackMiddleware: {
        noInfo: true
    }    
  })
}
我的印象是,在预处理器对象中包含Webpack可以解决这个require问题,但似乎不是这样

我试着按照一些人的建议,在我的预处理器对象和框架数组中包含“commonjs”,但没有任何帮助。有人能告诉我如何摆脱这个“需要”的问题并继续我的测试吗


提前感谢。

尝试将代码包装在
define(函数(require){//code在这里…})中尝试将代码包装在
define(函数(require){//code在这里…})中