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

Question

我有两个子应用程序“ 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;
    }
}

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> tree

        ├───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类中配置的路由器中-您正在重定向到不存在的路由。