Angular 2 - 應用程序打破打字稿生成的javascript文件

Question

我正在爲學習目的構建一個非常簡單的應用程序。這是我的應用程序組件：

<div class="container"> 
    <app-header></app-header> 
    <hr> 
    <router-outlet></router-outlet> 
</div> 

這是我在頭組件：

@Component({ 
    selector: 'app-header', 
    template: ` 
     <header class="row"> 
      <nav class="col-md-8 col-md-offset-2"> 
       <ul class="nav nav-pills"> 
        <li routerLinkActive="active"><a [routerLink]="['/messages']">Messenger</a></li> 
        <li routerLinkActive="active"><a [routerLink]="['/auth']">Authentication</a></li> 
       </ul> 
      </nav> 
     </header> 
    ` 
}) 

的問題是，當我在/messages網址我得到某種原因，兩個頭組件：

我已經測試了周圍的事物，發現由於某種原因，應用程式的空檔時，打字稿生成JavaScript文件。當我刪除js文件的應用程序工作正常。 這可能是什麼？

Answer 1

這是我的原子編譯打字稿文件的打字包，以及運行的npm運行構建，它正在編譯相同的文件並行，破壞了應用程序。

如果任何人有同樣的問題，禁用由編輯編譯我說：

"compileOnSave": false

到tsconfig.json文件。