Angular2 TypeScriptバンドルの問題 - コンポーネントがロード/初期化されていない

Question

tsconfig.jsonのoutFile： "/ app/mybundle.js"属性を指定すると、すべてのtypescriptファイルを1つのバンドルに連結できます。

このバンドルを作成する前に、以下のSystemjsコードを使用して角度成分をインポートし、問題なくアプリを初期化していました。

<script> 
     System.config({ 
      packages: { 'app': { defaultExtension: 'js' } }, 
     }); 
     System.import('app/myappp') 
      .then(null, console.error.bind(console)); 
    </script> 

しかし、私は、このバンドルを作成し、以下に私のSystemjsコードを更新する場合：私は私の画面に表示されるすべてがちょうどロードされ

<script> 
     System.config({ 
      packages: { 'app': { defaultExtension: 'js' } }, 
     }); 
     System.import('/app/mybundle') 
      .then(null, console.error.bind(console)); 
    </script> 

、コンポーネントが初期化/ロードされません。ログにはエラーがなく、バンドルファイルには404エラーはありません。

Answer 1

実際、outFile属性を使用すると、モジュールはもう匿名モジュールではありません。それらは名前で登録されているため、モジュール名を対応するファイル、つまりpackagesブロックで処理するようにマップするようにSystemJSを設定する必要はありません。モジュールファイルでoutFile属性と

System.register([ 'dep', ..., function... 

：：モジュールファイルでoutFile属性、なし

System.register('modulename', [ 'dep', ..., function... 

あり最初の文字列パラメータは、モジュールの名前に対応する追加されます2番目のケースでは、 appレベルがモジュール名にはもはや存在しないこと

<script> 
    System.import('mybundle') 
     .then(null, console.error.bind(console)); 
</script> 

注：

ちょうどこれを行います。