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

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

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

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

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

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

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

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

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

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

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

猜你喜欢

转载自my.oschina.net/u/2456768/blog/882604