Javascript index.js不做index.ts做的事情

我目前正在用angular2和typescript构建一个webapp。我尝试使用

index.ts

，因此在我的代码中，我可以简单地使用

import {LayoutComponent} from '../layout';

但是，当我传输时，javascript引擎不会查找

index.js

，而是查找

/layout

，因此它无法工作

---

是否有typescript transpiler的配置，我应该使用systemjs或使用其他加载程序（如webpack）进行配置？

是的，systemjs需要配置：

在index.html文件中应该有如下内容：

  System.config({
    packages: {
      src: {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
    System.import('src/dist/boot') --- your path to root file
        .then(null, console.error.bind(console));

---

在Angular2文档页面上，你可以找到一个，然后，你可以自定义你的应用程序：我找到了原因。Typescript使用nodejs模块解析，如下所述：

---

但是systemjs不使用nodejs解析。因此，我需要使用

/layout/index

与systemjs模块分辨率兼容，或者为每个模块使用一个映射条目。但是commonjs确实使用nodejs解析，所以我将转换到commonjs并使用webpack。

我已经遵循了quickstart，我的index.html包含完全相同的代码。如果我使用

'../layout/index'

，我的应用程序可以正常工作，但我希望通过使用

'../layout'

就可以充分利用

index.ts

的功能