Vue 路由内存溢出错误(Maximum call stack size exceeded)

最新推荐文章于 2024-04-18 18:52:50 发布
最新推荐文章于 2024-04-18 18:52:50 发布
阅读量1.3k 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jantelope/article/details/112919654
版权

Vue 路由内存溢出错误

[Vue warn ]Error in nextTick: "RangeError: Maximum call stack size exceeded"

在这里插入图片描述
原因:

  • Vue的路由配置错误,
  • 引入的文件包与自己新建的vue文件名字重复(我的原因)
  • 自己新建的vue文件名字重复

方案

  • 检查一下自己配置的路由能否映射自己写的vue文件
  • 更改自己创建的vue文件名(唯一)
Jantelope
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue刷新页面，动态addRoutes添加路由，报错Maximum call stack size exceed Cannot read property 'matched' of undefined
时间飞逝的博客
03-21 2552
Vue刷新页面，动态addRoutes添加路由，报错 "RangeError: Maximum call stack size exceeded" Maximum call stack size exceeded Cannot read property 'matched' of undefined" Cannot read property 'matched' of undefined
vue路由缓存的几种实现方式小结
12-28
本文实例讲述了vue路由缓存的几种实现方式。分享给大家供大家参考，具体如下： 在我们的日常开发中，有时候会遇到页面的缓存，特别是电商的项目，在商品列表的一些状态都是要缓存下来的。 下面就简单介绍几种 vue ...
vue路由报错Maximum call stack size exceeded
nick_zhang的博客
10-17 3569
如果第3个判断不加to.path!==“login”，那么默认会先打印222，并跳登录，当匹配到跳登录时，打印111，并跳转，但下面的没有token的判断也会执行，打印222，并跳转。这样就循环往复，进入了死循环，导致超过最大调用堆栈大小。只要满足判断里都会执行，执行顺序由条件判断的先后顺序决定。
路由报错RangeError: Maximum call stack size exceeded at redirect (vue-router.esm.js?8c4f:1394:1)
weixin_46724415的博客
03-07 2251
[Vue warn]: Error in render: “RangeError: Maximum call stack size exceeded” found in —> at src/layout/components/Sidebar/Link.vue at src/layout/components/Sidebar/SidebarItem.vue at packages/menu/src/menu.vue at src/layout/components/Sidebar/index.
vue报错 ‘超出最大堆栈大小‘
最新发布
qingdouxiaohua的博客
04-18 856
在 Vue.js 中遇到 "超出最大堆栈大小"（Maximum call stack size exceeded）的错误通常意味着你的应用程序中有一个无限递归或者循环引用的情况。如果你在计算属性（computed properties）中引用了自己或其他计算属性，并且这些引用形成了一个闭环，那么这也可能导致堆栈溢出。如果你的组件之间通过事件（emit）和监听器（on）进行通信，并且这些事件和监听器形成了循环调用，那么也可能导致堆栈溢出。有时候，问题可能是由于使用了旧版本的库，而这些库在新版本中已经被修复。
vue 中的router 配置问题 导致的内存溢出~~~
doc6093的博客
08-14 2598
最近的项目用到 vue， 各种踩坑中。 其中一个就是router映射表写的稍有不慎，就会出现内存溢出的问题， 而且也不会具体告诉你哪里出错，所以很是头疼~~~ 出错多了，发现了一些router的一些规律，记下来，供查看。 上面的图是内存溢出的报错。 规律1： 　　1. home页面的路由是 ‘/’, 我写了“/home”后，内存溢出， don't know why...
vue路由出现报错RangeError: Maximum call stack size exceeded
javamendou的博客
06-20 1万+
vue路由出现报错RangeError: Maximum call stack size exceeded
vue路由 Maximum call stack size exceeded
Kratial的博客
06-21 1898
1.问题：在Vue项目开发中遇到根据登录来判断页面跳转时遇到这个问题 2.错误代码如下： const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes }) const token = store.getters.getToken router.beforeEach((to, from, next) => { if (!token) { next({ paht: '/e
Vue Edge报错Maximum call stack size exceeded.
CH3OH_的博客
04-19 232
每个浏览器报错不同，edge报错Maximum call stack size exceeded。百度了一下有人说是循环的问题，但我没有用循环。有人说是重名的问题，我检查了一下所有的元素命名，没有重名的。后来推测可能是在q-dialog里使用了 this.KaTeX parse error: Expected 'EOF', got '#' at position 217: …,t_70,g_se,x_16#̲pic_center) `<q…q.dialog ...
路由死循环报错：RangeError: Maximum call stack size exceeded’
yy74262688的博客
11-13 2348
跳转调用路由的时候出现死循环
vue-router报错：RangeError: Maximum call stack size exceeded
热门推荐
flting1017的博客
06-01 14万+
今天在运行本地项目的时候，vue-router报错：RangeError: Maximum call stack size exceeded，当时发现自己在run dev的时候，命令行里面是没有任何问题的，在进入界面的时候，也不跳转，后面去看了自己配置的路由，找到解决方法 首先，我的正常路由配置 { path: '*', redirect: '/userhome'...
Vue实现远程获取路由与页面刷新导致404错误的解决
12-12
因为前端Vue+ElementUI项目是单页应用——即只有一个index.html页面，如果路由从远程获取的话，每次F5或点击刷新按钮刷新页面的时候，就会找不到对应的路径而报404错误　 三、解决方案 1、通过api远程获取路由，然后...
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
10-14
主要介绍了vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解vue路由篇(动态路由、路由嵌套)
12-08
在 Vue 中，`vue-router` 是官方提供的路由管理器，它使得单页面应用（SPA）能够根据 URL 地址切换不同的视图。路由的主要职责是根据 URL 映射到相应的组件，从而实现页面间的导航。 一、基础路由 创建 Vue 项目时...
解决vue路由name同名,路由重复的问题
10-15
主要介绍了解决vue路由name同名,路由重复的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue配置路由时报错 Error in render: "RangeError: Maximum call stack size exceeded"
weixin_30294021的博客
06-20 558
虽然标题写的是配置路由报错，最终也是通过修改路由解决的，但是导致报错的还有一个主要因素，是因为我增加了一个功能“页面刷新时，根据url高亮左侧导航”，如下图： 1、页面刷新，根据url高亮左侧导航代码如下： 1 // 刷新页面时根据url高亮左侧导航选项 2 highLightLeftNav() { 3 this.firstIndexCur = -1; ...
【Vue】Vue Router导航守卫 Maximum call stack size exceeded next path 解决方案
webFrontEndDev的博客
03-16 3712
全局前置导航守卫中需要调用next()方法来resolve这个钩子，可以通过往next()里传入如：replace:true 、name:'home' 执行结果依赖next方法的调用参数。 当配置 next() 时会出现死循环或路由栈溢出，原因是当执行钩子函数时，如果遇到next('/home')，会触发离开的钩子，然后再次触发前置导航钩子，此时 to.path...
每日一菜之VUE路由跳转报堆栈溢出错误
baidu_35523558的博客
10-28 3019
背景：A页面查询列表的操作列中有详情按钮，点击详情跳转到B页面，然后再通过B页面的面包屑返回到A页面；通过this.router.go(-1)方法返回A页面的时候报错：RangeError:Maximum call stack size exceeded; 解决方法：原来是通过click事件来进行返回上一级，后根据前端api文档修改为通过router-link来跳转，有人说router.beforeEach中可能会出现死循环，然后在项目中全局搜索了一下找到了这个方法，发现这个方法会先去判断原路由的参数是否
关于vue路由报错：Maximum call stack size exceeded
qq_41557293的博客
05-13 1195
上面是报错！！！ 一定要注意条件判断！！！ 必须给路由器守卫一个结束的条件，否则递归不会结束，最终导致内存溢出。
vue 路由跳转RangeError: Maximum call stack size exceeded
01-27
在Vue路由跳转时，如果出现"RangeError: Maximum call stack size exceeded"错误，通常是由于路由配置或路由导航守卫中的无限循环导致的。这种错误通常发生在以下情况下： 1. 路由配置中的循环引用：检查你的路由配置文件，确保没有出现循环引用的情况。例如，A页面跳转到B页面，B页面又跳转回A页面。 2. 路由导航守卫中的无限循环：检查你的路由导航守卫（beforeEach、beforeRouteEnter等），确保没有出现无限循环的情况。例如，在beforeEach中无限次地调用next()。 解决这个问题的方法是： 1. 检查路由配置文件，确保没有出现循环引用的情况。 2. 检查路由导航守卫，确保没有出现无限循环的情况。 3. 如果以上方法都没有解决问题，可以尝试使用Vue开发者工具进行调试，查看路由跳转的具体过程，以便找到问题所在。 范例：<<引用：router/index.js, router.beforeEach((to, from, next) => { if (to.path === '/login') { next(); } else { if (!localStorage.getItem('token')) { next('/login'); } else { next(); } }})。引用：router/index.js, router.beforeEach((to, from, next) => { if (to.path === '/login') { next(); } else { if (!localStorage.getItem('token')) { next('/login'); } else { next(); } }})。 以下是两种可能导致"RangeError: Maximum call stack size exceeded"错误的示例： 1. 路由配置中的循环引用 ```javascript // router/index.js const routes = [ { path: '/a', component: A, children: [ { path: '/b', component: B } ] }, { path: '/b', component: B, children: [ { path: '/a', component: A } ] } ] ``` 2. 路由导航守卫中的无限循环 ```javascript // router/index.js router.beforeEach((to, from, next) => { if (to.path === '/login') { next(); } else { if (!localStorage.getItem('token')) { next('/login'); } else { next(); } } }) ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值