aureliaで子ルータのルートにナビゲートできません

Question

私は自分のルータを持つ予定の2つの子アプリケーション "Solace"と "UM"を持っています。私の主なアプリは "mcc-gui"です。

現在、メインルータで定義されているルート「mcc-gui/um」を子ルータ（UMのルータ）に移動しようとしていますが、これを行うことができません。

ルートが見つからないため、「予期しないトークン<」というエラーが表示されます。

ルートのmcc-gui/solace/devicesを使って、メインルータから他の子アプリケーション "Solace"に直接アクセスすると、必要なビューがレンダリングされます。

これは、メインのルータのための私のapp.jsです：

export class App { 
    configureRouter(config,router){ 
     config.title = 'MCC GUI'; 
     config.options.pushState=true; 
     config.map(
      [ 
      {route: '', name:'default',redirect: 'mcc-gui/solace/devices'}, 
{route: 'mcc-gui/solace/devices', name:'solace_devices',moduleId: './sections/middleware/solace/devices/devices', nav: true, title: 'Devices',settings:{icon: 'fa fa-server'}}, 
      {route: 'mcc-gui/um', name:'um', title: 'UM', moduleId: './sections/middleware/um/main', nav: true, settings:{icon: 'glyphicon-road'}}, 

     ]); 
     this.router=router; 
    } 
} 

これは私の子ルータのmain.jsである（\ MCC-GUI \のsrc \セクション内でミドルウェア\ UM）

export class Main { 

    configureRouter(config,router){ 
    config.title = 'MCC For UltraMessaging!'; 
    config.options.pushState=true; 

    config.map([ 
        {route: '', name:'default', redirect: 'transports'}, 

        {route: 'transports', name:'transports', moduleId: './transports/transports', nav: true, title: 'Transports',settings:{icon: 'glyphicon-road'}} 


       ]); 
    this.router=router; 
    } 
} 

これは私のmain.htmlとある

<template> 
     <require from='./nav-bar'></require> 

     <!--<nav-bar router.bind="router"></nav-bar>--> 

     <div class="page-host"> 
     <router-view></router-view> 
     </div> 
    </template> 

これは私のプロジェクトのレイアウトです： C：\ DEV \ messagingcommandcenter \ MCC-guiの\ htdocsに\ MCC-GUI \ SRC>ツリー

 ├───sections 
     │ └─── middleware 
     │  ├───solace 
     │  │ ├───connections 
     │  │ └───devices 
     │  └───um 
     │   ├───receivers 
     │   ├───sources 
     │   └───transports 
     |   |  | 
     |   |  |--transports.html 
     |   |   transports.js 
     |   |  
     |   |---main.html 
     |    main.js 
     |    nav-bar.html 
     |    nav-bar.js 
     |  
     |--.eslintrc 
      app.html 
      app.js  
      main.js 
      nav-bar.html 
      nav-bar.js 

Answer 1

ルータで、あなたのアプリケーションクラスで構成されているように私には思える - あなたは存在しないルートへのリダイレクトを行っています。