vue项目遇到的错误(Maximum call stack size exceeded)的解决方法！！

版权声明：本文为博主原创文章，未经博主允许不得转载（需要转载联系QQ:787824374)！！！ https://blog.csdn.net/qq_19107011/article/details/88746304

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
    },