angular2 meteor routing - 多条路线时出错

Question

在 meteor-angular2 应用程序中，当仅列出指向 'frontend' 的路由时，一切正常。如果我添加另一条路线，如以下代码块所示，我会收到以下错误：

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

app.ts

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: '/' })
]);

Metis 组件如下所示：

import {Component, OnInit} from 'angular2/core';

@Component({
    templateUrl:'client/metis/metis.html',
    selector:'metis'
})
export class Metis {
}

Answer 1

错误

Uncaught (in promise) Uncaught SyntaxError: Unexpected token <

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

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

angular2 meteor routing - 多条路线时出错

angular2 meteor routing - Error when more than one route

routing

meteor

angular2-meteor

angular