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'')
}
}