vue多页面router路由报错？TypeError: Cannot read property ‘matched‘ of undefined“

最新推荐文章于 2023-06-25 16:20:48 发布
最新推荐文章于 2023-06-25 16:20:48 发布
阅读量233 收藏 1
点赞数 1
分类专栏： vue-router 前端 文章标签： vue.js vue-cli3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mgf_Yzy/article/details/113921527
版权

Vue多页面配置路由要报错？是不是向我这样，刚好这份纠错值得你收藏

Error in render: "TypeError: Cannot read property 'matched' of undefined"
话不多说，直接上图，你是不是也随便用一个变量名接收router.js文件，那你可就错了，这里官方有指定的变量名（router），其他的一律报错
Cannot read property 'matched' of undefined
你变量名换过来之后在试试，是不是还和我的效果一样
在这里插入图片描述

如果和我一样，那就恭喜你debug成功，不然你就认真检查是不是单词拼错了，也可以留言，在线为你解答
在这里插入图片描述

半岛@少年
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
记录并汇总报错：Cannot read property ‘catch‘ of undefined的4种解决办法
weixin_45942220的博客
06-03 2828
记录并汇总报错：Cannot read property ‘catch’ of undefined的解决办法 1、npm i vue-router 2、npm i vue-router@3.0 -S 3、在main.js里面添加以下代码（这些代码是用来重写vue-router的push方法的，可以解决自身跳转自身报错的问题） // 引入路由模块 import VueRouter from 'vue-router' // 重写push方法 const routerPush = VueRouter.protot
Cannot read property ‘catch‘ of undefined
weixin_44159171的博客
12-18 6397
问题描述： 在vue的项目开发中，控制台会报TypeError: Cannot read property ‘length’ of undefined的错误 Cannot read property ‘catch’ of undefined 解决方案： 在main.js中添加代码： import VueRouter from 'vue-router' const routerPush = VueRouter.prototype.push VueRouter.prototype.push = functi
umi路由跳转问题，监控
design_Lu的博客
01-11 2550
umi 路由跳转问题、路由监控、路由跳转提示，页面缓存
vue 配置路由报错Cannot read property ‘matched‘ of undefined“
xin915的博客
08-01 630
报这个错是因为在main.js页面里面没有配置路由。
Vue路由报错：Error in render: “TypeError: Cannot read property ‘matched‘ of undefined“
qq_47759220的博客
01-28 126
这个问题第一次接触vue的路由应该会大概率遇到 这里主要是可能你路由的实例名不知道在哪写错了，检查以下地方
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
​ VUE报错：Error in render function: “TypeError: Cannot read property ‘matched‘ of undefined“​
weixin_40381947的博客
06-25 717
VueRouter实例化时的参数，可以简写为routes，表示routes:routes。但是要注意的是，“routes:routes”表示属性名是routes，值是routes。但是，不要误以为简写的 routes就是路由的变量名（数组名）。如果说你的数组名是myroutes，那么，正确写法是 routes:myroutes。这个错误通常是由于使用了 $router 对象的属性或方法而 $route 对象不存在引起的。，如果你的路由实例名不是router，则不要省略。
解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题
北桥苏的博客
04-03 1万+
刚开始使用vue-router2.0，虽然也用了vux，用起来却发现一个问题……具体如下： 正常情况下使用脚手架跑完之后，然后修改源项目，首先在main.js入口里把该import进去的vuex，vue-router,vue-resource等等都启动好了，接着就是在对应的文件夹和文件里面堆代码了。APP.vue里面只放了 &lt;router-view&gt;&lt;/router-view&g...
vue报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘nickname‘)“
china-quanda
11-17 4670
解决方法：在需要将请求数据加载到模板最外面的地方，加上一个 v-if 判断 article 是否存在，存在就加载出模板，不存在，这一段代码就销毁，等到数据请求回来之后，就重新解析模板，然后页面加载出来，且控制台没有错误【注意，不要用 v-show 它没有真正意义上的销毁，只是css上的显示隐藏，用了还是报错】
[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined（reading“category1Name“
热门推荐
weixin_44359444的博客
09-28 1万+
[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined（reading"category1Name")
TypeError: Cannot read property ‘matched‘ of undefined
qq_36454089的博客
05-20 359
TypeError: Cannot read property 'matched' of undefined 解决办法 : main.js 中路由实例与vue实例是否关联在一起 检查 router 大小写是否拼错
[Vue warn]: Error in render: “TypeError: Cannot read property ‘matched‘ of undefined“——问题原因及解决
榴莲男孩的博客
04-10 638
问题原因 路由配置重名（可用Ctrl+单击 查看是否跳转到正确文件夹) 详解： 在导入vue-router时，vue有自身的命名规范—>必须包含“Router”字符，且大小写全局唯一。即别的地方在命名时不能完整包含“Router”字符 import VueRouter from "vue-router"; 解决方法 改变入口main.js 入口文件main.js中路由与路由文件重名了（大小写或拼写重复都会引发这种问题） 将main.js中的 Router 改为 router 便可 import r.
报错：Cannot read property ‘match‘ of undefined的解决方法
khadijiah的博客
07-01 3717
npm报错：Cannot read property 'match' of undefined的解决方法
解决：[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘matched‘)“
weixin_71403100的博客
05-03 1万+
出错的代码尝试访问一个叫做'matched'的属性，但是该属性所属的对象是undefined，导致抛出了TypeError异常。我是在App组件中使用了router，在main.js中引入和注册router的，检查发现在main.js中引入和注册的是。这个错误表示，App组件在渲染过程中尝试访问一个未定义的属性或方法，例如访问一个空对象的属性或调用一个未定义的函数。在main.js中引入和注册router，如下是正确写法👇。检查代码中是否有未定义变量或者空对象的情况👇。routes，并非router。
Error in render: “TypeError: Cannot read property ‘id‘ of undefined“
sunshineTing2的博客
11-13 4017
问题：在template中使用到某个对象未定义（不存在） 解决：在data中将personData: {}定义为 personData: {subject: {}} <template> <div> <p>姓名：{{ personData.name }}</p> <p>学科：{{ personData.subject.id }}-{{ personData.subject.name }}</p> <p>分数：.
vue3引用全局vuesax报错ncaught TypeError: Cannot read properties of undefined (reading 'prototype')
最新发布
10-31
这个错误通常是因为在Vue 3中，全局引入Vuesax时，使用了Vue.use()的方式，但是Vuesax并不支持这种方式。解决方法是在main.js中使用import引入Vuesax，并在createApp()中使用app.use()来加载Vuesax。例如： ``` ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值