基本路由器在Aurelia中不起作用

Question

我嘗試做的所有事情都給了我控制台中的錯誤。 “錯誤[應用程序路由器]錯誤：找不到路由：/（...）錯誤”

我不明白我可能做錯了什么。

我的文件夾路徑是：

--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文件是

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

我嘗試將src/放在所有內容的前面，以嘗試使用不同的文件夾結構。 但是我開始認為安裝有問題。

我在路徑下的config.js是"*": "src/*.js"

Answer 1

在config.js中給出路徑，如下所示

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

這會照顧的。 如果您在src內有任何文件夾，請提供moduleId：foldername / Home 。

還有一點，如果您使用的是main.js文件，請使用setRoot檢查應用程序文件，例如

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