解决vue引发的报错-sub is not a function at vuex.esm.js:422:1跳转不了路由的问题

简介: 解决vue引发的报错-sub is not a function at vuex.esm.js:422:1跳转不了路由的问题

一、问题描述

当我登录使用了elementUI的vue2项目时,输入用户名密码点击确定,报如下错误。

TypeError: sub is not a function
    at vuex.esm.js:422:1
    at Array.forEach (<anonymous>)
    at Store.dispatch (vuex.esm.js:422:1)
    at Store.boundDispatch [as dispatch] (vuex.esm.js:332:1)
    at permissionsControl (permission.js:56:1)
    at permission.js:131:1
    at iterator (vue-router.esm.js:1943:1)
    at step (vue-router.esm.js:1717:1)
    at step (vue-router.esm.js:1721:1)
    at runQueue (vue-router.esm.js:1725:1)

起初我以为是后端接口被动过,发现不是。

二、解决方案

经过百度搜索,发现问题:

💡 Microsoft Edge 中使用Vue DevTools(Vue.js devtools beta ax 版本6.0.0 beta 20) 报错,引起页面vue页面无法跳转,关闭vue调试插件使用就可以了

原来是我F12打开了开发者工具,并且打开了vue面板,然后再点击了登录按钮导致。vue面板会拦截路由请求。

解决起来很简单,就是关闭开发者工具,然后刷新登录页面,再点击按钮即可。

相关文章
|
16天前
|
JavaScript 算法 Linux
【vue报错】error:0308010C:digital envelope routines::unsupported
【vue报错】error:0308010C:digital envelope routines::unsupported
39 3
|
3天前
|
资源调度 JavaScript 前端开发
Vue的路由管理:VueRouter的配置和使用
【4月更文挑战第24天】VueRouter是Vue.js的官方路由管理器,用于在单页面应用中管理URL路径与组件的映射。通过安装并引入VueRouter,设置路由规则和创建router实例,可以实现不同路径下显示不同组件。主要组件包括:`&lt;router-link&gt;`用于创建导航链接,`&lt;router-view&gt;`负责渲染当前路由对应的组件。此外,VueRouter还支持编程式导航和各种高级特性,如嵌套路由、路由参数和守卫,以应对复杂路由场景。
|
1天前
|
JavaScript 数据可视化 算法
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
16 6
|
3天前
|
存储 JavaScript
报错permission.js:41 [Vue warn]: Property “showClose“ must be accessed with “$data.showClose“ because
报错permission.js:41 [Vue warn]: Property “showClose“ must be accessed with “$data.showClose“ because
|
3天前
|
缓存 JavaScript 前端开发
Vue.js 路由时用于提高应用程序性能
Vue.js 路由时用于提高应用程序性能
|
4天前
|
缓存 JavaScript
【vue】如何搭建拦截器和设置路由守卫(基于token认证)
【vue】如何搭建拦截器和设置路由守卫(基于token认证)
17 0
|
9天前
|
JavaScript 前端开发 UED
Vue工具和生态系统: Vue.js和服务器端渲染(SSR)有关系吗?请解释。
Vue.js是一个渐进式JavaScript框架,常用于开发单页面应用,但其首屏加载较慢影响用户体验和SEO。为解决此问题,Vue.js支持服务器端渲染(SSR),在服务器预生成HTML,加快首屏速度。Vue.js的SSR可手动实现或借助如Nuxt.js的第三方库简化流程。Nuxt.js是基于Vue.js的服务器端渲染框架,整合核心库并提供额外功能,帮助构建高效的应用,改善用户体验。
12 0
|
11天前
|
JavaScript
vue项目使用可选链操作符编译报错问题
vue项目使用可选链操作符编译报错问题
21 0
|
11天前
|
JavaScript
Vue项目启动报错处理
Vue项目启动报错处理
9 1
|
15天前
|
JavaScript 搜索推荐 测试技术
深入了解 Vue CLI:现代化 Vue.js 项目开发工具
深入了解 Vue CLI:现代化 Vue.js 项目开发工具