Aureliaルータが動作しません

Question

こんにちは、私はAureliaフレームワークを初めて使っています。私はルーティングに固執しています。私もaurelia-routerをインストールしましたが、まだ動作していません。以下は

は、以下の私のapp.js

export class App { 
message = "Hello Pathways"; 
configureRouter(config, router){ 
config.title = 'Aurelia'; 
config.options.pushState = true; 
config.options.root = '/'; 
    config.map([ 
    { route: ['','home'], name: 'home', 
     moduleId: './components/home/home', nav: true, title:'Home' }, 
    { route: 'about', name: 'about', 
     moduleId: './components/about/about', nav: true, title:'About' } 
    ]); 
    this.router = router;}} 

され、私のapp.htmlファイルがある

<template> 
    ${message} 
    <nav> 
     <ul> 
      <li repeat.for = "row of router.navigation"> 
       <a href.bind = "row.href">${row.title}</a> 
      </li> 
     </ul> 
    </nav> 
    <router-view></router-view> 
</template> 

私はルータをremov場合、私はそれが空のページが表示され、このページを実行し、

-viewタグ、welcomeメッセージとともにpageが表示されます。

config.jsで以下を変更しました。

paths: { 
    "*":"src/*", 
    "github:*": "jspm_packages/github/*", 
    "npm:*": "jspm_packages/npm/*" 
}, 

この問題を解決してください。私は2日以上これを試しました。

Answer 1

import { Router, RouterConfiguration } from 'aurelia-router'; 
import { autoinject } from 'aurelia-framework'; 

@autoinject 
export class App { 


configureRouter(config: RouterConfiguration, router: Router) { 
     this.router = router; 
     config.map([ 
        { 
         route: ['', 'home'], name: 'home', moduleId: './components/home/home', nav: true, title: 'Home' 
         }, 
         { 
         route: 'about', name: 'about', moduleId: './components/about/about', nav: true, title: 'About' 
         } 
       ]); 
    } 

<ul class="navbar"> 
    <template repeat.for="route of router.navigation"> 
     <li class="${route.isActive ? ' active ' : ' '}"> 
       <a class="navbar-link" href.bind="route.href">${route.title}</a> 
     </li> 
    </template> 
</ul> 

このコードは