index.jsはindex.tsを実行しません

Question

私は現在angular2とtypescriptでwebappを構築しています。私は私のコードでそうindex.tsを使用しようと、私は単に

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

を使用することができます。しかし、私はtranspileとき、それは動作しませんので、JavaScriptのエンジンはindex.jsのためではなく、./layoutを探しません。

typescript transpilerの設定がありますか？systemjsで設定するか、webpackのような別のローダーを使用する必要がありますか？

Answer 1

私はこれの原因を発見しました。 Typescriptはここで説明したnodejsモジュール解決法を使用しています： http://www.typescriptlang.org/docs/handbook/module-resolution.html

しかし、systemjsはnodejs解決法を使用しません。したがって、私は./layout/indexを使用して、systemjsモジュール解決と互換性があるか、すべてのモジュールに対してマップエントリを使用する必要があります。しかしcommonjsはnodejs解決法を使用するので私はcommonjsに移り、webpackを使うつもりです。

Answer 2

はい、設定する必要がsystemjs：あなたは、次のとおりfive minutes quick start tutorialを見つけることができますAngular2ドキュメントページ

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

：

あなたのindex.htmlファイル内でこのようなものを持っている必要がありますそれ以降、あなたはあなたのアプリをカスタマイズすることができます：https://angular.io/guide/quickstart