Angular2 TypeScript Bundle問題 - 組件未加載/初始化

Question

通過在tsconfig.json中指定outFile：「/ app/mybundle.js」屬性，我可以將所有打字稿文件連接成一個包。

在創建這個包之前，我使用了下面的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屬性時，模塊不再是匿名模塊。它們是按名稱註冊的，因此您不需要配置SystemJS以將模塊名稱映射到相應的文件，即對packages塊執行的操作。

沒有outFile屬性，在模塊文件：

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

隨着outFile屬性，在模塊文件：

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

有一個第一串參數添加對應於該模塊的名稱在第二種情況下。

只是這樣做：

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

注意，app水平不模塊名稱已經不復存在。