我们有一个普通的 Vue/Vite 设置,我在哨兵日志上收到 TypeError: Failed to fetch dynamically imported module 。

尽管我没有足够的数据来确认,但这些错误似乎与新的 prod 部署及时相关。它不会发生在本地,仅出现在已部署的代码上。

我已经看到了一些关于 react 设置的类似问题,但没有一个得到令人满意的回应。

我还发现了一个  关于动态导入 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
      ],
    },
  ],
});
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.

我们的部门版本:

"vue": "^3.0.9",
    "vue-router": "^4.0.5",
    "vite": "^2.0.5",
  • 1.
  • 2.
  • 3.