vue-router报错

用vue-cli做一个项目，需要用到vue-router作页面导航
现在的问题是，一切都按照教程来的，但控制台报错
vue-router.js?e71f:745 [vue-router] <router-view> can only be used inside a router-enabled app.
html代码如下:

  <body id="app">
    <p>
      <a v-link="{ path: '/mainFrame' }">Go to mainFrame</a>
      <br>
      <a v-link="{ path: '/schedule' }">Go to Schedule</a>
    </p>
    <router-view></router-view>

JS:

// resources 引入资源
import Vue from 'vue'
import VueRouter from 'vue-router'

// components 引入组件和store
import mainFrame from './components/App'
import schedule from './components/schedule'
import store from './vuex/store'

// make vue aware of imported resrouces
Vue.use(VueRouter)

new Vue({
  el: 'body',
  store,
})
var App = Vue.extend({});
var router = new VueRouter();
router.map({
    '/mainFrame': {
        component: mainFrame
    }, 
    '/schedule': {
        component: schedule
    }
})
router.start(App, '#app');

一切都没问题，但就是报错，好像vue-router没有挂载上似的。求解！

不是吧， vue-router 会自己创建vue实例的https://github.com/TIGERB/eas...

我知道了，要先初始化router才能初始化vue。。。
···javascript
let App = Vue.extend({});
let router = new VueRouter();
router.map({

'/mainFrame': {
    component: mainFrame
}, 
'/schedule': {
    component: schedule
}

})
router.start(App, '#app');
new Vue({
el: 'body',
store,
})

【热门文章】