无法让Vue-Router上班

Question

使此页面与一个页面一起使用。当我介绍vue-router的时候，什么都不会渲染。

在main.js中，如果我返回带有示例文本的app.js，并且编辑很少；它使得没有问题的情况很好。似乎这与我如何实例化vue-router有关。另外，我的环境中没有控制台错误。

main.js

define(function(require) {
    'use strict';
    var Vue = require('vue');
    var VueRouter = require('vue-router');
    var App = require('app');
    var Foo = { template: '<div>oijsdfoijsdoifjdsf</div>' }
    var Bar = { template: '<div>bar</div>' }
    Vue.use(VueRouter);
    var routes = [
      { path: '/aaa', component: Foo },
      { path: '/bbb', component: Bar }
    ]
    var router = new VueRouter({
      routes: routes 
    });
    return new Vue({
        el: '#vue',
        router: router,
        render: function(h) {
            h(App);
        }
    });
});

app.js

define(function(require) {
    'use strict';
    var Vue = require('vue');
    return new Vue({
        template: '<div id="vue"><router-view></router-view></div>'
    });
});

Answer 1

根据我的经验，您可以将路由器配置更改为：

const router = new VueRouter({
    base: __dirname, // or '/'
    routes: routes
})

Answer 2

您尚未定义一个根路由，例如/。因此，您不会在/上看到任何组件渲染。您可以导航到/aaa并看到一些东西吗？另外，不应该将这些路由组件传递给Vue.component？