使用vue router 的过程中报错Error in render: "TypeError: Cannot read property 'matched' of undefined"

最近在使用vue router的过程中遇到了一个"TypeError: Cannot read property ‘matched’ of undefined" 这样的错误，也是找了很久，其实这是因为创建的router实例是有命名规范的

import Vue from 'vue'
import App from './App.vue'
import rou from "./router/index"

Vue.config.productionTip = false

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

将rou改为router，注意必须是router

用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。

通过注入路由器，我们可以在任何组件内通过 this.$router访问路由器，也可以通过this.$route 访问当前路由：

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

Vue.config.productionTip = false

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