在vue-cli构建后，应用无法正确呈现

Question

我正在使用最新的vue-cli，一切都在开发中。

构建后，应用程序的第一页无法正确呈现，其余页面运行正常。

这是开发人员的外观：

这就是它在产品上的样子：

使用开发工具，我看到元素未正确呈现，所以我仍然可以看到实际的组件（例如<aq-filters>），而不仅仅是div：

正如我所提到的，它仅在这一页上发生，其余的工作正常。

在构建过程中或在控制台中没有错误。

以下是一些可能相关的代码：

import { createNamespacedHelpers } from "vuex";

import DomainModal from "./AddDomainModal";
import {
  PageHeader,
  AqFilters,
  AqEmptyPage,
  AqAsync,
  AqAccordionList,
  AqAccordionItem,
  AqGrid,
  AqSelectionActions,
  TenantStatusCell
} from "comp";

const { mapGetters, mapActions } = createNamespacedHelpers("domains");

...

components: {
    DomainModal,
    PageHeader,
    AqFilters,
    AqEmptyPage,
    AqAsync,
    AqAccordionList,
    AqAccordionItem,
    AqGrid,
    AqSelectionActions
  }

你知道这是怎么回事吗？

更新

我找到了一个解决方案，但我不知道它为什么起作用。 在我的router.js文件中，我使用动态导入来创建块，除了我静态导入的第一页（域）之外：

{
   path: "/domains",
   name: "domains",
   component: DomainsPage,
   meta: { requiresAuth: true }
},

一旦将其更改为动态导入，就可以解决问题：

{
      path: "/domains",
      name: "domains",
      component: () =>
        import("@/views/domains/DomainsPage" /* webpackChunkName: "DomainsPage" */),
      meta: { requiresAuth: true }
    },

有人可以解释吗？