Ошибка в использовании Karma с SystemJS, gulp и TypeScript

Question

Я новичок в node.js стек как npm, gulp и т. д. Ранее я написал несколько примеров модульных тестов JavaScript, а теперь хочу использовать Karma как тестовый бегун. Однако после нескольких попыток я полностью потерялся.

Для начала у меня есть следующие конфигурации проекта:

• SystemJS как загрузчик модулей.

• Структура папки (некоторые опущены для краткости):

  project
  |
  |--build //contains all gulp tasks
  |
  |--dist //contains the output (*.html, *.js etc.)
  |
  |--jspm_packages 
  |
  |--node_modules
  |
  |--src //contains the source .html, and *.ts
  |
  |--tests //contains unit tests in *.ts. I also have a gulp task to build tests/**/*.ts to *.js in the same folder.
  |
  |--typings //contains type definitions
  |
  |--config.js //contains SystemJS configuration
  |
  |--karma.conf.js
  

• karma.conf.js

  // Karma configuration        
  
  module.exports = function (config) {
      config.set({
          basePath: '',
          frameworks: [ 'qunit'],
          files: [
              'jspm_packages/system.js',
              //'config.js',
              'dist/custom/*.js' //,
              //'tests/**/*.js'
          ],
          exclude: [        ],
          preprocessors: {        },
          reporters: ['progress'],
          port: 9876,
          colors: true,
          logLevel: config.LOG_INFO,
          autoWatch: true,
          browsers: ['Chrome'],
          singleRun: false,
          concurrency: Infinity
      });
  }
  

Однако всякий раз, когда я делаю karma start У меня ошибка Uncaught TypeError: Unexpected anonymous System.register call., Есть ли способ решить это?

Другие попытки:

1. Попытка создать задание глотка, согласно https://github.com/karma-runner/gulp-karma. Но есть такая же проблема.

2. Пытался использовать karma-systemjs, И karma.conf.js отличался следующим образом:

   // Karma configuration        
   
   module.exports = function (config) {
       config.set({
           ...
           frameworks: [ 'systemjs', 'qunit'],
           plugins: ['karma-systemjs', 'karma-chrome-launcher', 'karma-firefox-launcher'],
           systemjs: {
               configFile: 'config.js',
               serveFiles: ['jspm_packages/**/*.js'],
               config: {
                   transpiler: 'babel'
               }
           },
           ...
       });
   }
   

   И в этом случае я получил следующую ошибку, хотя у меня есть оба SystemJs а также Babel установлены:

   [WARNING] Looking up paths with require.resolve() is deprecated.
   Please add "systemjs" to your SystemJS config paths.
   Cannot find "systemjs".
     Did you forget to install it ?
     npm install systemjs --save-dev
   [WARNING] Looking up paths with require.resolve() is deprecated.
   Please add "babel" to your SystemJS config paths.
   Cannot find "babel-core".
     Did you forget to install it ?
     npm install babel-core --save-dev
   

Любая помощь в этом отношении будет отличной.