Vue路由bug

问题描述

配置完基础路由后页面不显示，且报错

vue.esm.js?efeb:5103 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'matched')"

found in

---> <App> at src/App.vue
       <Root>

vue.esm.js?efeb:3765 TypeError: Cannot read properties of undefined (reading 'matched')
    at render (vue-router.esm.js?94f4:354:1)
    at createFunctionalComponent (vue.esm.js?efeb:4855:1)
    at createComponent (vue.esm.js?efeb:4995:1)
    at _createElement (vue.esm.js?efeb:1821:1)
    at createElement$1 (vue.esm.js?efeb:1771:1)
    at vm._c (vue.esm.js?efeb:2489:1)
    at Proxy.render (App.vue?edc5:17:1)
    at Vue._render (vue.esm.js?efeb:2538:1)
    at VueComponent.updateComponent (vue.esm.js?efeb:2978:1)
    at Watcher.get (vue.esm.js?efeb:4162:1)

代码如下

解决

导入路由必须是小写 router

import router from './router/'

代码修改为

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

Vue.config.productionTip = false;

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App1 },
  template: '<App1/>'
})