user router.beforeEach next('/login') throw Unexpected error when starting the router: Error: No match for undefined

[muziyan]

my code is

import app from "@/main";
import {createRouter, createWebHistory, RouteLocationNormalized, NavigationGuardNext} from 'vue-router';
import {computed} from "vue"
import {login} from "@/http/api/Auth";

const routes: Array<any> = [
    {
        path: "/login",
        name: "Login",
        component: () => import("@/views/Auth/Login.vue"),
        meta: {
            requiredAuth: false
        }
    },
    {
        path: "/",
        name: "Main",
        component: () => import("@/views/Main.vue"),
        meta: {
            requiredAuth: true
        }
    },
    {
        path: '/404',
        name: "404",
        component: () => import("@/views/404.vue"),
        meta: {
            requiredAuth: false
        }
    }
]

const router = createRouter({
    history: createWebHistory(process.env.BASE_URL),
    routes
})


router.beforeEach(async (to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => {
    const User = computed(() => app.$store.getters['User/user']);
    if (!User.value.status && to.meta.requiredAuth) {
        next({
            path:/'login'
        })

    } else next();
})

export default router

I don't understand why this error is thrown

[vue-bot]

Hello, thank you for taking time filling this issue!

However, we kindly ask you to use our Issue Helper when creating new issues, in order to ensure every issue provides the necessary information for us to investigate. This explains why your issue has been automatically closed by me (your robot friend!).

I hope to see your helper-created issue very soon!

[posva]

You have a typo in your next call. The slash should be inside the string