javascript - "TypeError: Failed to fetch dynamically imported module"上 Vue/Vite vanilla 设置

Question

我们有一个普通的 Vue/Vite 设置，我收到了 TypeError: Failed to fetch dynamically imported module在哨兵日志上。
尽管我没有足够的数据来确认，但这些错误似乎与新的 prod 部署及时相关。它不会发生在本地，仅出现在已部署的代码上。
我已经看到了一些关于 react 设置的类似问题，但没有一个得到令人满意的回应。
我还找到了 similar question regarding dynamically imported svgs ，但我们的错误发生在完整的组件上。
我们使用动态导入组件的唯一地方是路由:

export const router = createRouter({
  history: routerHistory,
  strict: true,
  routes: [
    {
      path: '/',
      name: routes.homepage.name,
      component: () => import('@/views/Home.vue'),
      children: [
        {
          path: '/overview',
          name: routes.overview.name,
          component: () => import('@/views/Overview.vue'),
        },
        // other similar routes
      ],
    },
  ],
});

我们的部门版本:

    "vue": "^3.0.9",
    "vue-router": "^4.0.5",
    "vite": "^2.0.5",

非常感谢有关此问题以及如何调试它的任何其他信息!

Answer 1

我有完全相同的问题。就我而言，有些路线有效，有些则无效。解决方案相对容易。我刚刚重新启动了开发服务器。