vue中使用router动态加载路由找不到文件

新开项目在写动态路由加载时，出现路径完全正确但import就是找不到文件

把相同的路径当作字符串直接卸载import()中，路由就可以正常加载

最终确认问题是

component: () => import(`@${publicPath}/${path.FUNC_PATH}.vue`),

这段代码中，@后没有/无法解析，将这段代码publicPath进行修改

    if (publicPath[0] == '/') {
      publicPath = publicPath.slice(1)
    }
    layoutRoutes.children.push({
      path: `${publicPath}/${path.FUNC_PATH}`.split("views")[1],
      component: () => import(`@/${publicPath}/${path.FUNC_PATH}.vue`),
      meta: {
        title: path.FUNC_NAME
      }
    })

即可正确加载该路由

该文章仅为个人踩坑记录，如有代码错误请提出，本人将积极改正