2017-03-16 11 views
0

私は学習目的で非常に簡単なアプリケーションを構築しています。私は/messages URLの午前とき私はいくつかの理由のための2つのヘッダ要素を取得角度2 - タイプスクリプトで生成されたjavascriptファイルでアプリケーションが破損する

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

問題は次のとおりです:これは私は、ヘッダー・コンポーネントに持っているものである

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

:これは私のアプリのコンポーネントです

enter image description here

私は周りのものをテストし、何らかの理由でアプリの休憩のためにtypescriptですがJavaScriptファイルを生成するときにことに気づきました。私はjsファイルを削除すると、アプリはうまくいきました。 これは何ですか?

+0

ルーティングモジュールの外観はどのようになっていますか? – Alex

答えて

0

これは、typescriptファイルをコンパイルする原子と、同じファイルを並列にコンパイルして実行中のnpm run buildを実行しているときに、私のtypescriptパッケージでした。

誰でもエディタでコンパイルを無効にするには、同じ問題を持っている場合、私はコメントを追加しました:tsconfig.jsonファイルに

"compileOnSave": false

を。

関連する問題