Angular 4 Karma测试错误

Question

我想在Karma应用程序上进行Angular 4测试。当我离开测试简单而不导入任何东西他们成功。例如：

describe('Sample test', () => {
    it('should pass', () => {
        expect(1 + 1).toBe(2);
    });
});

但是，当我尝试导入一个类似于同一文件夹的类时：

import { ApiResponseTimeRepository } from './ApiResponseTimeRepository';

我收到错误说：

Chrome 58.0.3029 (Windows 10 0.0.0) ERROR
  Uncaught SyntaxError: Unexpected token import
  at services/TestRepositories.spec.ts:1

作为参考，我的班级如下：

...
imports
...

@Injectable()
export class ApiResponseTimeRepository {
    ...
    code
    ...
}

这是karma.conf.js：

// Karma configuration
// Generated on Mon Jun 12 2017 14:21:41 GMT+0200 (Central European Daylight Time)

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

        // base path that will be used to resolve all patterns (eg. files, exclude)
        basePath: 'src/app',


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


        // list of files / patterns to load in the browser
        files: [
            { pattern: '**/*.spec.ts' }
        ],


        // list of files to exclude
        exclude: [
        ],


        // preprocess matching files before serving them to the browser
        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
        preprocessors: {
        },


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


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


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


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

        // Concurrency level
        // how many browser should be started simultaneous
        concurrency: Infinity,

        mime: {
            'text/x-typescript': ['ts', 'tsx']
        }
    });
};