Angular2 流星路由 - 多个路由时出错

Question

在meteor-angular2应用程序中，当只列出指向"前端"的路由时，一切正常。如果我添加另一个路由，如以下代码块所示，则会出现以下错误：

Uncaught (in promise) Uncaught SyntaxError: Unexpected token <
Evaluating http://localhost:3000/metis/metis
Error loading http://localhost:3000/client/app

应用程序

import {Component, View, provide} from 'angular2/core';
import {ROUTER_PROVIDERS, ROUTER_DIRECTIVES, RouteConfig, APP_BASE_HREF} from 'angular2/router';
import {bootstrap} from 'angular2-meteor';
import {Frontend} from "./frontend/frontend"; 
import {Metis} from "metis/metis";
@Component({
    selector: 'app',
    template:'<router-outlet></router-outlet>',
    directives:[ROUTER_DIRECTIVES]
})
@RouteConfig([
    { path: '/', name: 'Frontend', component: Frontend },
    { path: '/metis', name: 'Metis', component: Metis  }
])
class HATViz {}
bootstrap(HATViz, [
    ROUTER_PROVIDERS,
    provide(APP_BASE_HREF, { useValue: '/' })
]);

梅蒂斯组件如下所示：

import {Component, OnInit} from 'angular2/core';
@Component({
    templateUrl:'client/metis/metis.html',
    selector:'metis'
})
export class Metis {
}

Answer 1

错误

未捕获（在承诺中） 未捕获语法错误：意外的令牌<</p>

表示SystemJS无法下载相应的JS文件（服务器使用索引HTML页面响应）。看起来您的metis组件导入不正确。应该是（前面注意"."）：

import {Metis} from "./metis/metis";