Karma tests failing in Webstorm Debugger - angularjs

Question

I recently updated an AngularJS1.5 application to use typescript. My tests now run fine when running them using grunt test and they also run fine when running them through Webstorm. But when I try to debug any of the tests I get the Error: $injector:nomod error. Here is the Karma config I am using
{
webpack,
// base path, that will be used to resolve files and exclude
basePath: cwd,
captureTimeout: 1200000,
// testing framework to use (jasmine/mocha/qunit/...)
frameworks: ['jasmine'],
// list of files / patterns to load in the browser
files: sourceFiles,
exclude: [],
// web server port
port: 3000,
// level of logging
// possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
logLevel: config.LOG_INFO,
// coverage reporting breaks Web Storm debugging
reporters: ['progress', 'junit', 'html' /*, 'coverage-istanbul'*/],
// enable / disable watching file and executing tests whenever any file changes
autowatch: true,
// Start these browsers, currently available:
// - Chrome
// - ChromeCanary
// - Firefox
// - Opera
// - Safari (only Mac)
// - PhantomJS
// - IE (only Windows)
browsers: ['Chrome'],
// Continuous Integration mode
// if true, it capture browsers, run tests and exit
singleRun: false,
preprocessors: {
[ scriptsEntry ]: [ 'webpack', 'sourcemap' ]
},
junitReporter: {
outputFile: '_dist/test-reports/unit-test-results/unit_tests.xml',
suite: ''
},
sourcemap: true,
mime: {
'text/x-typescript': ['ts','tsx']
},
htmlReporter: {
outputFile: '_dist/test-reports/unit-test-results/unit_tests.html'
}