延迟加载不适用于 Vue.js 中的子路由答案

【问题标题】：Lazy loading not working on child routes in Vue.js延迟加载不适用于 Vue.js 中的子路由
【发布时间】：2021-03-09 15:01:39
【问题描述】：

所以最近我对所有路由器实施了延迟加载。一切似乎都运行良好，除了我最近才注意到我无法导航到孩子的路由器路径。我尝试删除延迟加载，一切正常。关于如何解决此问题的任何想法？

用户流程：用户点击了sign up按钮，它会将用户导航到verify phone页面。用户被重定向到verify phone页面后，用户点击verify email被重定向到verify email page。然而，它并没有被重定向到verify email page，而是重定向回verify phone page。

这是路由器代码：

{
    path: "/sign-up",
    name: "SignUp",
    component: () => import("@/views/Dashboard/SignUp.vue"),
    children: [
      {
        path: "/sign-up-verify-phone",
        name: "VerifyPhone",
        component: () => import("@/views/Dashboard/VerifyPhone.vue"),
      },
      {
        path: "/sign-up-verify-email",
        name: "VerifyEmail",
        component: () => import("@/views/Dashboard/VerifyEmail.vue"),
      },
      
    ],
  },

【问题讨论】：

你能链接到复制品吗？

标签： vue.js vue-router

【解决方案1】：

前段时间，他们改了vue-template-compiler，所以你必须返回es6-module的.default：https://github.com/vuejs/vue-router/issues/1379#issuecomment-298298329

component: () => import("@/views/Dashboard/VerifyEmail.vue").then(c => c.default)

【讨论】：

这不行，我还是有同样的错误。
你使用哪个转译器？