Question

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

目前，我正在尝试将主路由器中定义的路由“mcc-gui / um”导航到子路由器（即UM的路由器），但我无法执行此操作。

我收到错误“意外令牌＆lt;”相反，因为它找不到路线。

当我使用路由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 \ sections \ middleware \ 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＆gt; 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类中配置的路由器中 - 您正在重定向到不存在的路由。

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

1 个答案: