VueRouter使用报错：Error in render: “TypeError: Cannot read property ‘matched‘

最新推荐文章于 2023-06-13 19:47:19 发布

Tnodtes

最新推荐文章于 2023-06-13 19:47:19 发布

阅读量735

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_43230675/article/details/108670770

版权

错误详情：router的使用测试在配置好components相关映射后出现的各种问题。

（1）：在router文件下的映射关系文件index.js中创建VueRouter时传入的路由数组对象名字必须是**routes**否则就无法响应如下图：

在这里插入图片描述

（2）：在渲染的main.js中引用router不可用大写命名

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Tnodtes

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用React-Router时出现的错误

qq_44046424的博客

04-23

2376

使用React-Router时出现的错误：问题描述在配置路由时出现的问题，关于 Router5 和 Router6的使用区别 bundle.js:38620 Uncaught Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.

vue.runtime.esm.js2b0e619 [Vue warn] Error in render “TypeError Cannot read property ‘matched‘

m0_67402236的博客

03-09

2787

错误截图踩坑原因在配置vue-router的路由时和将router实例挂载至Vue实例上时，实例名称没有按照标准配置vue时在配置vue-router时，我们一般会将路由的映射关系抽成一个数组，就想下面这样 const routes = [{ path: '', redirect: '/home' }, { path: '/home', component: Home }, { path: '/category', component

参与评论您还未登录，请先登录后发表或查看评论

React使用路由报错：TypeError: Cannot read properties of undefined (reading ‘location‘)

weixin_53045208的博客

10-21

9552

1可以将Router改变为HashRouter 2，在Router前加上BrowserRouter as import { BrowserRouter as Router} from "react-router-dom";

react 路由跳转报错TypeError: Cannot read property ‘props‘ of undefined

weixin_46264539的博客

05-22

1275

react 路由跳转报错TypeError: Cannot read property ‘props’ of undefined handleGoReg() { console.log(this.props); this.props.history.push("./register") } 原因是没有给函数绑定this，函数内部引用this的时候无法解析出this，也就得不到this的属性props了。解决方法1：在组件的构造函数constructor中添

react报错 TypeError: Cannot read property 'setState' of undefined

泥猴桃的博客

11-07

3275

代码如下： class test extends Component { constructor(props) { super(props); this.state = { liked: false }; } handleClick(event) { this.setState({lik...

【vue项目启动时，出现vue-router路由警告警告信息】

S_L4869的博客

03-20

2525

项目场景： vue项目启动时，出现警告信息，vue-router路由警告问题描述 warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js 3388:37-45 "export 'computed' was not found in 'vue' 原因分析： "dependencies": { "core-js": "^3.6.5", "vue": "^2.5.2", "vue-router"

路由报错Error in render: "TypeError: Cannot read properties of undefined

最新发布

09-07

路由报错"Error in render: TypeError: Cannot read properties of undefined (reading 'matched')"是在Vue.js中在路由部分常见的报错。该报错导致页面无法正常显示。其中，报错信息中的"TypeError: Cannot read ...

[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'goodsList')"

08-18

- *1* *2* [vue.js:633 [Vue warn]: Error in render: "TypeError: Cannot read property 'matched' of undefined](https://blog.csdn.net/weixin_38938336/article/details/89002725)[target="_blank" data-report-...

“TypeError: Cannot read property ‘matched‘ of undefined“

qq_45659638的博客

06-13

263

文件中的Router中的R写成r，控制台就不报错了，不知道为什么，你们参考一下，懂的可以评论回复我一下，嘻嘻。

vueIE白屏-vue-router祸根

被欺诈的青春

03-09

303

调试代码时，发现项目首页在IE上白屏，最终排查如下代码造成 router.beforeEach((to, from, next) => { //造成问题-start document.body.scrollTop = 0 document.documentElement.scrollTop = 0 window.pageYOffset = 0 //造成问题-end next() }) ...

VueRouter4解决 [Vue Router warn] No match found for location with path “sysmenuindex“,权限动态设置路由

m0_67393828的博客

03-09

1609

新版VueRouter4废除了addRoutes();//添加的数组改为addRoute(RouteRecordRaw);//添加的为对象如果是用的Vite 路由组件使用import.meta.glob(’…/…/…/views/**/*.vue’) 而不是webpack的require(’@/views/’ + path + ‘.vue’) ...

react配置路由报react-router的错误处理方案

weixin_57156748的博客

12-03

1802

这里的错误其实就是因为react-router-dom版本过高，然后只需要把react-router-dom的版本降低一下就可以了第一步删除以前的版本然后重新下载一下 npm uninstall react-router-dom 第二步下载react-router-dom的5.2.0版本即可 npm install react-router-dom@5.2.0 -D 第三步重新启动即可 npm start ...

【React】报错：Error: Element type is invalid: expected a string (for built-in components) or a class/fun

all_might1的博客

06-24

3244

CSDN，记录今日份离谱事件不想看长篇大论可以解决方法如下，但只适用于我这个问题：解决方法：在引用组件处路径后加.js import XXXXX from "./XXXXX.js" 目录一、报错描述二、解决思路三、解决方案（仅适用我这种错误情况）四、心情感想一、报错描述我在一个组件中引用另一个封装好的组件，然后，报错了那报错的信息多的可谓是，错山错海、错上加错、错得离谱，红彤彤一片有一种罄竹难书的感觉（就不具体放出来了）...

vue 路由报错

热门推荐

weixin_44728473的博客

07-06

1万+

在进行如下路由跳转时 const edit = (index: number) => { let row: any = categoryData.value[index]; router.push({ name: “commodityedit”, query: { id: row.id, name: row.name } }); };遇到问题如下TypeError: Failed to fetch dynamically imported module: http://localhost:4000/src/

react报错Element type is invalid: expected a string (for built-in components) or a class/function (for

youyou_LIN的博客

05-04

8511

react报错Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.login.jsimport React, { Component } from 'react';// import lo...

Error:Objects are not valid as a React child

haruhyuhae的博客

07-29

4460

随便使用react渲染了几条数据，就开始报错误 Objects are not valid as a React child 组件中的代码如下报错原因为虽然渲染的数据为数组，但是渲染的item单条数据为对象，而非数组，但是在render中是不能渲染对象的，所以才会一直报错报错解决：只需要将渲染的数据对象变成获取对象下的具体的值即可 ...

vue-router报错: uncaught error during route navigation

qq_44535402的博客

02-21

7005

"[vue-router] uncaught error during route navigation:" Failed to resolve async component default: ChunkLoadError: "Uncaught (in promise) " {name: "ChunkLoadError", message: {message: "Loading chunk src_components_

离谱大坑！React报错Objects are not valid as a React child (found: object with keys {xxx, xxx, xxx}).

weixin_48010724的博客

11-04

3178

首先，这个报错的主要意思可以理解为React无法渲染对象，只能渲染数组等等其它类型，所以我们可以尝试把对象转换为数组（当然，这是最直接的解决方式，是个人都想这么解决，我会先介绍这种“直接”的解决方式，然后再说明对于我自己我个人的蒟蒻操作，导致自己在这个报错上浪费好久好久的过程！）气死我了！

解决Vue-Router报错：[Vue Router warn]: No match found for location with path 《route-name》

weixin_46835329的博客

09-05

5848

[Vue Router warn]: No match found for location with path：路由对象命名重复导致Vue Router报错，无法匹配到对应路由，结果为页面显示为一片空白。