Angular 2 - App bricht mit Typoskript Javascript-Dateien

Question

Ich baue eine sehr einfache App für Lernzwecke. Das ist meine App-Komponente:

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

Dies ist, was ich in der Header-Komponente habe:

@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> 
    ` 
}) 

Das Problem ist, wenn ich auf dem /messages url bin ich zwei Kopf Komponenten aus irgendeinem Grunde erhalten:

ich habe Dinge um getestet und festgestellt, dass aus irgendeinem Grund App bricht, wenn Typoskript Javascript-Dateien erzeugt. Als ich js Dateien löschte, funktionierte die App gut. Was könnte das sein?

Answer 1

Es war mein Typoskript-Paket für Atomprogrammierung Typoskript-Dateien und mit laufenden npm run Build, die gleichen Dateien parallel kompilieren, die die App zu brechen war.

Wenn jemand das gleiche Problem hat, das Compilieren von Editor zu deaktivieren, fügte ich hinzu:

"compileOnSave": false

Zur tsconfig.json Datei.