无法导航到aurelia中的子路由器路由

Question

我有两个孩子应用程序“Solace”和“UM”，我打算拥有自己的路由器。我的主要应用程序是“mcc-gui”。

目前，我试图在主路由器中定义的路由“mcc-gui/um”导航到子路由器（即UM的路由器），但我无法做到这一点。

我确实收到错误“Unexpected token <”，而不是因为找不到路由。

然而，当我使用路由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

在我看来，在你已经在你的App类配置的路由器 - 你正在做一个重定向到一个不存在的路线。