2016-12-19 7 views
0

私は角膜2コンポーネントのコードをいくつかの表形式でリファクタリングしていました。角2のタブとスペースコンポーネントデコレータの定義が未処理の例外をスローする

@Component({ 
    templateUrl : './app.component.html', 
    styleUrls  : ['./app.component.scss'], 
    encapsulation : ViewEncapsulation.None 
}) 
export class AppComponent {} 

上記のコードは機能しません。これは動作します:

@Component({ 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.scss'], 
    encapsulation: ViewEncapsulation.None 
}) 
export class AppComponent {} 

これは本当に奇妙な動作です。

unhandled exception promise

UPDATE: 私は、これはコードtranspiledで、素晴らしい-typescriptですローダとangular2テンプレートローダとのWebPACKを使用しています:タブとスペースで

はこれにコンパイルします。 not working code transpiled

しかし、タブとスペースなしでこれにコンパイルします。 working code

Webpackローダーがオブジェクトデコレータ定義の ":"の間にスペースを含むコードを認識していないようです。

+0

コードをコンパイルしない原因となる糸くずを使用していますか? (typescriptまたはes2015を使用している場合) – Yaser

+0

は、私が言及したようなもので、何かファイルがコンパイルされないようにしています。プロジェクトでlintingツールが使用されています。 – Yaser

+0

私は、デコレータ定義のスペースを持たないのと同じように、webpackはwebpack devサーバと連携できるように置き換えます。 –

答えて

0

はい、Angular2テンプレートローダーでした。 v0.6.0にアップデートすると問題が解決します。