typescript - 简单的 karma + typescript 配置-引用错误:x未定义

我想用karma设置一个基本的测试运行程序来测试一个typescript类。
当我运行测试karma start时，我得到的错误ReferenceError: Calculator is not defined.大概是因果报应，可能不导入经传输的源，或者预处理器不转换源。
我的来源是AA>下面的Rebug部分。如何使配置正常工作/缺少什么？
我目前的理解是transpiler和karma'files'配置属性将为我加载计算器类。

transpiler => lib/calculator.ts => lib/calculator.ts
files => okay, loading lib/**/.js

/lib/calclulator.ts

export class Calculator{
  add ( a : number , b : number) : number {
    return a + b;
  }
}

/测试/计算器.test.js

describe('Demo Test Runner', function() {
  var calc = new Calculator();
  it('should return 3 for 1 + 2', function() {
   expect( calc.add(1,2) ).toBe(3);
  });
});

包.json

...
"devDependencies": {
  "jasmine-core": "^2.5.2",
  "karma": "^1.3.0",
  "karma-chrome-launcher": "^2.0.0",
  "karma-jasmine": "^1.0.2",
  "karma-typescript-preprocessor": "^0.3.0"
}

业力形态

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

 ...
 frameworks: ['jasmine'],

 files: [
    'lib/**/*.js',
    'test/**/*.js'
  ],


 preprocessors: {
   '**/*.ts': ['typescript']
 },


 typescriptPreprocessor: {
    // options passed to the typescript compiler
    options: {
      sourceMap: true, // (optional) Generates corresponding .map file.
      target: 'ES5', // (optional) Specify ECMAScript target version: 'ES3' (default), or 'ES5'
      module: 'amd', // (optional) Specify module code generation: 'commonjs' or 'amd'
      noImplicitAny: true, // (optional) Warn on expressions and declarations with an implied 'any' type.
      noResolve: true, // (optional) Skip resolution and preprocessing.
      removeComments: true, // (optional) Do not emit comments to output.
      concatenateOutput: false // (optional) Concatenate and emit output to single file. By default true if module option is omited, otherwise false.
    },
    // transforming the filenames
    transformPath: function(path) {
      return path.replace(/\.ts$/, '.js');
    }
 }
 ...

最佳答案

因为你把计算器定义为

export class Calculator{...}

这意味着您的/lib/calculator.ts是一个模块，它的类需要由其他模块导入才能可见（它们不是全局的）。
所以你的/test/calculator.test.js需要以某种方式导入这个模块。如何做到这一点取决于tsconfig.json中的模块配置
在您的情况下，您可能希望使用"module" : "commonjs"或"module": "amd"。
然而，你将需要一个额外的插件为业力能够加载这些模块。如果您使用amd则类似于karma-requirejs的内容，如果您使用commonjs则可能需要类似于karma-webpack的内容。然后需要使用必要的语法将其导入js文件（例如var MyCalculator = require('/lib/calculator');）
你的另一个选择是不要“导出”你的Calculator类。这将使它在全球范围内可用。但是，您应该尝试使用模块的工作方式，因为这是大型应用程序中推荐的方法。

关于typescript - 简单的 karma + typescript 配置-引用错误:x未定义，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40329173/