typescript - SystemJS、gulp、および TypeScript で Karma を使用する際のエラー

Question

などのnode.jsスタックは初めてです。以前にいくつかの JavaScript 単体テスト ケースを作成していたので、テスト ランナーとして使用したいと考えています。しかし、数回の試行の後、私は完全に失われました。npmgulpKarma

まず、次のプロジェクト構成があります。

• 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に従って、gulp タスクを作成しようとしました。しかし、同じ問題があります。

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
   

この点でどんな助けも素晴らしいでしょう。