vue.js - app.js:51471 Uncaught (in promise) Error: Navigation cancelled from "/customer/login" to "/customer/dashboard" with a new navigation

Question

I am using router push to redirect on other page after login but it is giving me this error

app.js:51471 Uncaught (in promise) Error: Navigation cancelled from "/customer/login" to "/customer/dashboard" with a new navigation.

from login page when customer logged in successfully I am pushing to next route like this

router.push(router.currentRoute.query.to || '/customer/dashboard')

I don't know where it goes wrong.

Here is route in router.js

if(!store.state.AppActiveUser.is_customer){
        if (!to.meta.authRequired && auth.isAuthenticated()) {
            router.push({ path: '/dashboard', name: 'dashboard', component: './views/DashboardAnalytics.vue' })
        }
    }else{
    if (!to.meta.authRequired && auth.isAuthenticated()) {
        router.push({ path: '/customer/dashboard', name: 'customer-dashboard', component: '@/views/apps/customerComponents/dashboard/DashboardAnalytics.vue' })
    }

Answer 1

You have to catch such errors with a catch branch to router.push()

router.push({ 
  path: '/customer/dashboard', 
  name: 'customer-dashboard', 
  component: '@/views/apps/customerComponents/dashboard/DashboardAnalytics.vue' 
})
.catch(() => true);