vue遇到的坑router手动配置

浏览器错误提示:

Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

vuecli2建立项目手脚架的时候,没有把vue-router选上,之后项目设置tab的需要vue-router,安装好路由映射表设置好,浏览器提示所示错误,明明安装了路由,why?
原来是这样的啊:

原来main.js代码:

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App)
})

手动加上后的main.js代码:

import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

手动加上import router from './router’和 router,
完美解决问题