AngularJS 2种子+ System.JS - 新的.ts文件无法编译

Question

我从github（https://github.com/angular/angular2-seed）中提取了最新的angularjs2种子应用程序，并在webstorm中运行。

现在我想添加一个简单的load.ts文件来预加载一些组件：

declare var System: any;
declare var esriSystem: any;

esriSystem.register([
    'esri/geometry/Point',
    'esri/geometry/geometryEngineAsync',      
    'esri/Map'
], function() {
    // bootstrap the app
    System.import('../app')
        .then(null, console.error.bind(console));
}, {
    outModuleName: 'esri-mods'
});

我想在新map.service.ts中使用此模块：import { Map } from 'esri-mods';它告诉我它cannot resolve file 'esri-mods'

整体结构如下：

system.config.js如下：

System.config({
  transpiler: 'typescript',
  typescriptOptions: {
    emitDecoratorMetadata: true
  },
  map: {
    app: 'src',
    typescript: 'node_modules/typescript/lib/typescript.js',
    angular2: 'node_modules/angular2',
    rxjs: 'node_modules/rxjs'
  },
  packages: {
    app: {
      defaultExtension: 'ts',
      main: 'app.ts'
    },
    angular2: {
      defaultExtension: 'js'
    },
    rxjs: {
      defaultExtension: 'js'
    }
  }
});

模块在应用程序中可用的缺失是什么？