解决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 改过来,这个可能是插件的问题。

我个人的公众号(ZEROFC_DEV),关于web开发的,欢迎关注O(∩_∩)O~



  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值