javascript - No se puede encontrar el error del módulo al usar karma-webpack

karma-runner karma-mocha

Question

Tengo el siguiente archivo karma.conf.js , también tengo un archivo de prueba llamado example.spec.js que vive dentro de la app/compontents/example/example.spec.js . Estoy intentando importar mi Example.js file

import Example from ''app/components/Example/Example.jsx'';

describe(''Example Component'', function() {

});

Pero recibo el siguiente error Error: Cannot find module "app/components/Example/Example.jsx" He intentado con muchas ideas diferentes, como ./Example.jsx , ./Example , components/Example/Example.jsx pero cada una vez que me sale el mismo error

var webpack = require(''webpack'');

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

// milliseconds
browserNoActivityTimeout: 40000,

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


// list of files / patterns to load in the browser
files: [
  ''app/tests/setup.js'',
  ''app/**/*.spec.js''
],

// preprocess matching files before serving them to the browser
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
preprocessors: {
  ''app/tests/setup.js'': [''webpack'', ''sourcemap''],
  ''app/**/*.spec.js'': [''webpack'', ''sourcemap'']
},


webpack: {
  devtool: ''inline-source-map'',
  cache: false,
  resolve: {
    extensions: ['''', ''.js'', ''.jsx''],
    modulesDirectories: [''node_modules'', ''app''],
    fallback: __dirname
  },
  module: {
    preLoaders: [],
    loaders: [
      { test: //.(js|jsx)$/, loaders: [''babel-loader''], exclude: /node_modules/ },
    ],
    plugins: [
      new webpack.DefinePlugin({
        ''process.env.NODE_ENV'': JSON.stringify(''test'')
      })
    ]
  }
},


webpackMiddleware: {
  progress: false,
  stats: false,
  debug: false,
  noInfo: true,
  silent: true
},


// test results reporter to use
// possible values: ''dots'', ''progress''
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
reporters: [''dots''],


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


// start these browsers
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
browsers: [''PhantomJS''],


// Continuous Integration mode
// if true, Karma captures browsers, runs the tests and exits
singleRun: true,

plugins: [
  ''karma-mocha'',
  ''karma-chai'',
  ''karma-webpack'',
  ''karma-sourcemap-loader'',
  ''karma-phantomjs-launcher''
]
});
};

Answer 1

Si desea utilizar una importación como esa, deberá configurar un resolve.alias . Manifestación:

resolve: {
    alias: {
        app: path.join(__dirname, ''app'')
    }
}