vue-router 懒加载 slot样式出现问题

Question

parent.vue

<children>
        <section class="activity-intro-title">
          <span class="title">活动介绍</span>
        </section>
</children>

children.vue

<template>
  <section class="contentTitleSlot-container">
    <header>
      <slot></slot>
    </header>
  </section>
</template>
<style lang="less">
  .contentTitleSlot-container{
    header{
      padding:10px;
      background:#fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
</style>

如图所示，上面的header样式并没有显示出来，这个问题是我加了vue-router懒加载才出现的，请问有办法解决吗，非常急，在线等

Answer 1

专门用你给的代码试了一下，没有问题

router用的lazyLoad

{
  path: '/parent',
  name: 'Parent',
  component: () => System.import('@/components/Parent.vue'),
},

找找是不是其它问题吧，给的这些代码看不出来问题