解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题

开始使用vue-router2.0,虽然也用了vux,用起来却发现一个问题……具体如下:

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

103515_HQZT_2456768.png

APP.vue里面我就只放了个 <router-view></router-view>,然后再把一级路由都配好后.

103627_QaoY_2456768.png

虽然看起来很正常,保存之后,node热更新的面板也没出什么问题。

103839_GAXd_2456768.png

当打开localhost页面后,却发现页面没出来,就只有app.vue里面的几个样式,但是控制台里却丢出来了两个错误。

104016_F7U6_2456768.png

主要看 TypeError: Cannot read property 'matched' of undefined 。

这个属性,我其实也没见过,但是页面出不来,node也没有报错,就只有浏览器控制台报错的话,一般问题都出在“路由”的上面。

第一先排除 版本的问题,因为我有检查,我用的是router2.0的,然后实例写法都是按2.0写的,后来我就去入口文件main.js里面找找。

104536_QGDV_2456768.png

原来这个Router必须与插件同名,本来我以为只是个别名而已,就随便写的,但后来真的是我以为就只是我以为的,当把Router改成router的时候,页面就出来了,报错也没了,不过,也要把上面对应的import Router 改过来,这个可能是这个插件的问题。

因为我对导进来的vuex文件的名称也是自己写的别名,然后放到根实例里面都没问题,只有这个router是不允许的,所以这个我目前也去查找相关rouer插件的资料。

 

 

转载于:https://my.oschina.net/u/2456768/blog/882604

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值