失常状况下应用脚手架跑完之后,而后批改源我的项目,首先在main.js入口里把该import进去的App,vue-router等等都启动好了,接着就是在对应的文件夹和文件外面堆代码了。
import Vue from 'vue'//Vue外围库import ElementUI from 'element-ui' //新增加1import '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 } ]})
然而启动后盾报了一个错:
有用的只有一句:
TypeError: Cannot read property 'matched' of undefined
本次解决形式
这个属性,我其实也没见过,然而页面出不来,node也没有报错,就只有浏览器控制台报错的话,个别问题都出在“路由”的下面。
原来是我的路由定义出了问题。
我将此处的Router改为router:Router,
便失常运行了,所以记录以下。
如果呈现此类问题,大多数就是路由相干了,排查路由就好了。