Erro ao tentar acessar | Angular 2: webapps ainda mais poderosas parte 1

Tentei dar uma olhada em tudo mas nao consegui achar o problema, ja tentei parar o compilador, fechar o servidor, startar os dois de novo mas nada.

app.component.ts

import {Component} from '@angular/core';

@Component({
    selector: 'app',
    templateUrl: './app/app.component.html'
})
export class AppComponent {}

app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }   from './app.component';

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})

export class AppModule { }

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
import { AppModule } from './app.module';

const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

index.html

<!doctype html>
<html>
    <head>
        <title>Alurapic</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap-theme.min.css">

        <script src="node_modules/core-js/client/shim.min.js"></script>
        <script src="node_modules/zone.js/dist/zone.js"></script>
        <script src="node_modules/reflect-metadata/Reflect.js"></script>
        <script src="node_modules/systemjs/dist/system.src.js"></script>

        <script src="systemjs.config.js"></script>
        <script>

            System
              .import('app')
              .catch(function(err){
                console.error(err);
              });

        </script>
    </head>
    <body>
        <app>
            Carregando...
        </app>
    </body>
</html>