vue项目遇到的错误

如下图,浏览器报出这个错误

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "RangeError: Maximum call stack size exceeded"
found in
---> 
        at packages/dropdown/src/dropdown-menu.vue
          at packages/dropdown/src/dropdown.vue
            at src/views/layout/components/Navbar.vue
              at src/views/layout/Layout.vue
                at src/App.vue
                 

在这里插入图片描述

分析

这个错误从报错信息上面看,和vue-route有关系,可能是堆栈溢出
可是我查看了相关代码,没有发现有递归调用的代码块

最后查看了项目里面拦截器,发现拦截器如果捕获到不存在的页面跳转到/404这个页面,如下图
在这里插入图片描述

可是/404在路由里面没有配置 就引发了报错了!!!

解决方法

在使用路由的时候,把这个路径注册进去(PS:根据实际情况)

	 {
 	   path: '/404',
        component: () => import('@/views/errorPage/404'),
        hidden: true
    },
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐