Angular 角4卡玛测试误差

我想对我的

Angular 4

应用程序进行

Karma

测试。当我让测试保持简单而不导入任何内容时，它们成功了。例如：

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

---

你需要编译你的ts文件，因为你可以测试它们。JS不知道import关键字我该怎么做？看看angular cli是怎么做的我不知道这将如何帮助我在Karma测试环境中实现它？即使我从里到外都知道，我仍然需要用Karma来实现它，但我仍然不知道怎么做？你可以生成一个新项目并复制Karma配置