2016-10-12 11 views
0

내가 시도한 모든 것이 콘솔에서 erorr을 제공합니다. "오류 [app-router] 오류 : 경로를 찾을 수 없음 :/(...) 오류"기본 라우터가 Aurelia에서 작동하지 않습니다.

내가 잘못하고있는 것을 이해하지 못합니다.

내 폴더 경로는 다음과 같습니다

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

내 app.html 페이지

내 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; 
    } 
} 

입니다

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

모든 다른 폴더 구조를 시도하십시오. 하지만 설치가 잘못되었다고 생각하기 시작했습니다. 경로에서

내 config.js는

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

이 소요됩니다 치료 아래와 같이 config.js에서 "*": "src/*.js"

+0

같은 파일을 앱에 setRoot의 확인. 어떤 해골을 사용하고 있습니까? 또는 aurelia-cli를 사용한 경우 cli에 어떤 옵션을 제공 했습니까? –

+0

@FredKleuver main.js 파일의 경로가 잘못되었습니다. –

+0

'moduleId'에'. /'구문을 쓰지 마세요. 대신 moduleId를 응용 프로그램 루트의 경로로 나열하십시오 (루트가'src'이면'./home' 대신'home'을 사용하십시오) – Andrew

답변

1

가지 적어 경로입니다. src에있는 폴더가 있다면 moduleId : foldername/Home을 입력하십시오. 당신이 main.js 파일을 사용하는 경우

그리고 또 하나의 포인트는 I 앱은`wwwroot` 폴더 아래 참조

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

예 main.js 파일이 잘못되었습니다 폴더 경로. 내가 게시 한 설정도 잘 작동합니다. 매개 변수없이'setRoot()'를 사용했습니다. –

+0

@christopherclark 내 대답이 완벽하면 올바른 것으로 표시하십시오. – Rayudu

관련 문제