正常情况下使用脚手架跑完之后,然后修改源项目,首先在main.js入口里把该import进去的App,vue-router等等都启动好了,接着就是在对应的文件夹和文件里面堆代码了。

import Vue from 'vue'//Vue核心库

import ElementUI from 'element-ui' //新添加1
import 'element-ui/lib/theme-chalk/index.css'//引入样式

import App from './App'//App.vue组件
import Router from './router'//路由器

import axios from '@/api/http'//Vue项目对axios的全局配置
import VueAxios from 'vue-axios'

路由配置都没什么问题:

import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/views/Login.vue'
import Regist from '@/components/views/Regist.vue'

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Login',
      component: Login
    },
    {
      path: '/Regist',
      name: 'Regist',
      component: Regist
    }
  ]
})

但是启动后台报了一个错:
NF209GLOZNB7AI4F`C~I)UX.png
有用的只有一句:
TypeError: Cannot read property 'matched' of undefined

本次解决方式

这个属性,我其实也没见过,但是页面出不来,node也没有报错,就只有浏览器控制台报错的话,一般问题都出在“路由”的上面。
原来是我的路由定义出了问题。
52(I(%VQSUA9Z8[7}C`SZL5.png
我将此处的Router改为router:Router,
便正常运行了,所以记录以下。
如果出现此类问题,大多数就是路由相关了,排查路由就好了。


Star_陈
23 声望2 粉丝

人的内心好像一直有一片荒芜的夜地,留给那个幽暗又寂寞的自我。