ベーシックルータがAureliaで動作していない

Question

私が試したことはすべてコンソールにerorrを与えました。 "エラー：[app-router]エラー：ルートが見つかりません：/（...）エラー"

私は間違って何ができるか分かりません。

マイフォルダパスは、次のとおりです。

--wwwroot 
    |_ src 
     |_app.html + app.js 
     |_home.html + home.js 
     |_mypage.html + mypage.js 

マイapp.htmlページ

<template>  
    <div class="container-fluid"> 
     <div class="row"> 

      <div class="col-sm-3 col-lg-2"> 
       <nav class="navbar navbar-default navbar-fixed-side"> 
        <ul class="nav navbar-nav"> 

         <li repeat.for="row of router.navigation" class="${row.isActive ? 'active' : ''}"> 
          <a href.bind="row.href">${row.title}</a> 
         </li> 
        </ul> 
       </nav> 
      </div> 
      <div class="col-sm-9 col-lg-10"> 
       <div class="row"> 
        <h1>${message}</h1> 
       </div> 
      </div> 
     </div> 

    </div> 
    <div class="page-host"> 
     <!-- Route mount point --> 
     <router-view></router-view> 
    </div> 
</template> 

マイapp.jsファイルは、私は目の前でsrc/を投げて試してみた

export class App { 
    message = "Hello Pathways"; 

    configureRouter(config, router) { 
     config.title = 'Scotch IG'; 
     // Use map to set array of possible routes 
     config.map([ 
       { route: ['','home'], name: 'home', moduleId: './home', nav: true, title:'Home' }, 
       { route: 'mypage', name: 'mypage', moduleId: './mypage', nav: true, title:'MyPage' } 
     ]); 

     // Create a binding to the router object 
     this.router = router; 
    } 
} 

ですさまざまなフォルダ構造を試してみましょう。しかし、私は何かがインストールに間違っていると考え始めている。パスの下

私のconfig.jsのは、これが世話をします

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

以下のようconfig.jsのにパスを与える"*": "src/*.js"

Answer 1

です。あなたがsrcの中のどんなフォルダであれば、moduleId：foldername/Homeと言ってください。あなたはmain.jsファイルを使用している場合

そしてもう一点は、私はあなたのアプリケーションが `wwwroot`フォルダの下にある参照

aurelia.start().then(a => a.setRoot('app'));