使用业力-系统for为依赖关系生成404。

Question

我在我的应用程序上设置单元测试。我的基本测试规范，project.spec.ts，看起来就像

import {Project} from './project';

describe('Project', () => {
    let p = new Project('New project');

    it('should have the name given in the constructor', () => {
        expect(p.name).toBe('New project');
    });
});

Project是我正在测试的类的名称，它是在文件app/entities/project.ts中定义的(即在同一个文件夹中)。

但是，每当测试规范试图导入另一个文件时，业力就会产生404错误：

01 03 2016 17:21:04.955:WARN [web-server]: 404: /base/app/entities/project
Chrome 48.0.2564 (Windows 10 0.0.0) ERROR
  Error: XHR error (404 Not Found) loading C:/Dev/mps/app/entities/project
        Error loading C:/Dev/mps/app/entities/project as "./project" from C:/Dev/mps/app/entities/project.spec.js

编译后的文件project.spec.js看起来是正确加载的，但是文件project.js无法加载。此外，我也不明白/base/前缀在/base/app/entities/project中来自何处。

一个类似的案例被描述为这里。然而，提议的解决办法对我不起作用。以下两种进口变体都不起作用：

let Project = require('./project');
let Project = System.import('./project'); // produces "404: /project" instead
let Project = require('./project.js');
let Project = System.import('./project.js');

我的心声是：

karma.conf.js

module.exports = function(config) {
  config.set({
    basePath: '',
    plugins: ['karma-systemjs', 'karma-jasmine', 'karma-chrome-launcher'],
    frameworks: ['systemjs', 'jasmine'],
    systemjs: {
        configFile: 'system.conf.js'
    },
    files: [
      'app/entities/project.spec.js'
    ],
    exclude: [ ],
    preprocessors: { },
    reporters: ['progress'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false,
    concurrency: Infinity
  })
}

system.conf.js

System.config({
    paths: {
        'traceur': 'node_modules/traceur/bin/traceur.js',
        'systemjs': 'node_modules/systemjs/dist/system.js',
        'system-polyfills': 'node_modules/systemjs/dist/system-polyfills.js',
        'es6-module-loader': 'node_modules/es6-module-loader/dist/es6-module-loader.js'
    }
});

我做错了什么？

Answer 1

明白了。必须将引用的文件提供给SystemJS。这可以通过参数systemjs.serveFiles在karma.conf.js中完成。

systemjs: {
  serveFiles: [
    'app/entities/project.js'
  ]
}

一个更好的方法是使用globs来配置这个参数一次：

systemjs: {
  serveFiles: [
    'node_modules/**/*.js',
    'app/**/*.js'
  ]
}