错误提示：router-view未注册

贴代码：

1、/src/router/index.js

import Vue from 'vue'

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: () => import('@/pages/List')
    },
    {
      path: '/index',
      name: 'Index',
      component: () => import('@/pages/List')
    },
    {
      path: '/upload',
      name: 'Upload',
      component: () => import('@/pages/Upload')
    }
  ]
})

export default router

2、/src/main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

 

 

 

后来终于发现原来是因为没有使用Vue.use(VueRouter)

修改之后（/src/router/index.js）

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: () => import('@/pages/List')
    },
    {
      path: '/index',
      name: 'Index',
      component: () => import('@/pages/List')
    },
    {
      path: '/upload',
      name: 'Upload',
      component: () => import('@/pages/Upload')
    }
  ]
})

export default router