Angular2 - Трубы и синтаксис

Question

Im пытается создать строчную трубу в angular2 и им впадающей в вопросах, где Im получая

syntax errors got ';' 

приложение/lowercase.ts

import {Pipe, PipeTransform} from '@angular/core'; 


@Pipe({ name: 'lowercase1'}) 
export class LowerCasePipe1 implements PipeTransform { 

    transform (value: string): string { 
    if (!value) return value; 
    if (typeof value !== 'string'){ 
     throw new Error('Invalid pipe value: ', value); 
    } 
    return value.toLowerCase(); 
    } 
} 

приложение/приложения .component.ts

import {Component} from '@angular/core'; 
import {LowerCasePipe1} from './lowercase'; 


@Component({ 
    selector: 'app', 
    pipes: [LowerCasePipe1], 
    template: '<h1>{{"SAMPLE" | lowercase1 }} </h1>' 
}) 
export class App { 
    console.info('lower case app') 
} 

приложение/index.ts

import {bootstrap} from '@angular/platform-browser-dynamic'; 
import {App} from './app.component'; 
// 

bootstrap(App) 

Вот plunkr: http://plnkr.co/edit/coB5AGWvpihUvCnBtX9D?p=preview

Answer 1

Проблема заключается в файле system.config.js.

Plunker example Изготовлен из шаблона Plunker Angular2 TS работает отлично.