Can'；t使用加载的组件angularjs2

以下是我的应用程序代码：

import {bootstrap, Component, View} from 'angular2/angular2';
import { ROUTER_PROVIDERS, Router, RouterOutlet, RouteConfig,RouterLink, Location} from 'angular2/router';
import { About } from "./components/about";
@Component({
    selector: 'my-app',
    template:'<h1>{{title}}</h1>'
})

@RouteConfig( [
    { path: "/", as: "Home", component: AppComponent },
    { path: "/about", as: "About", component: About}
] )
class AppComponent {
    public title = 'Home';
}
bootstrap(AppComponent);

有人知道发生了什么吗？

从哪里来？ 由于尚未指定LocationStrategy，因此默认情况下将使用PathLocationStrategy。在这种情况下，您需要使用APP_base_HREF指定基本URL的值，例如

引导（AppComponent，[路由器\u提供程序， 提供（APP_BASE_HREF，{useValue:'/'}）

---

]);

你能添加一个plunker吗？它不适用于typescriptI添加的这个，但不幸的是，它不能通过将About组件的代码添加到AppComponent文件中来解决这个问题。如果这能奏效，看看SystemJS配置有什么问题。好主意，我会试试！所以我再也不会犯错误了，这就是问题所在。但这些路线并不奏效。

import {bootstrap, Component, View} from 'angular2/angular2';

@Component({
    selector:"about",
    template:'<h1>{{title}}</h1>'
})

export class About{
    public title = 'About';
}

Uncaught Uncaught SyntaxError: Unexpected token <
Evaluating http://test.local/src/app/components/about