(HELP)使用push({name:"xxx"})时报错，push({path:"xxx"})时不报错

[vanker-x]

大家好，我是vue-router的初学者
有一个问题想问一下大家，我通过router.push导航路由时，如果是通过的name参数导航就无法进入beforeEach钩子，如果是通过path参数导航时就能过正常进入beforeEach去加载动态路由
下面是我的环境信息

OS: macos
dependencies:
"@ant-design/icons-vue": "^7.0.1",
"ant-design-vue": "^4.1.2",
"axios": "^1.6.8",
"lodash-es": "^4.17.21",
"pinia": "^2.1.7",
"vue": "^3.4.21",
"vue-router": "^4.3.0"

以下是我相关的代码片段
router/index.js

const whiteRoute = ["login", "home", "notFound"]
router.beforeEach(async (to, from, next) => {
    const user = userStore()
    console.log(to.meta.required)
    if (!to.meta.required && !whiteRoute.includes(to.name)) {
        await user.fetchRoute()
        const menu = user.getUserMenu
        addRoute(menu, "home")
        await router.replace(to.fullPath)
        next()
    } else next();
})

views/Home.vue

  methods: {
    handleClick(e) {
      const {key,name} = e.item.originItemValue
      router.push({name:name})
    },
}

router/tools.js

export const addRoute = (routeList, parent) => {
    routeList.forEach((item) => {
        router.addRoute(parent, {
            path: item.path,
            name: item.name,
            // component: () => defineAsyncComponent(() => import(item.component)),
            component: () => import(item.component),
            meta: {
                required: true
            }
        })
        // 替换当前路径
        if (item.path === router.currentRoute.value.path) {
            router.replace(router.currentRoute.value.path)
        }
        // 添加子路由
        if (item.children) {
            addRoute(item.children, item.name);
        }

    })
}

调用handleClick时，dev-tools的console提示