nuxt -node.appendchild：无法在评论中添加孩子

Question

在生产模式下部署我的NUXT应用到firebase时，每当我尝试导航到主页以外的任何页面时，都会出现以下错误：

Node.appendChild: Cannot add children to a Comment

我发现当我在索引中评论home-slider component时。

index.vue template

<template>
  <article>
    <div v-if="slides && slides.length > 0">
      <section id="banner">
        <div class="container">
          <client-only>
            <home-slider :slides="slides"></home-slider>
          </client-only>
        </div>
      </section>
    </div>

    [...unrelated html]
  </article>
</template>

homeslider.vue模板

<template>
  <div>
    <Splide id="home-slider" :options="options">
      <SplideSlide v-for="slide in slides" :key="slide.id">
        <a :href="slide.enlace" class="slide">
          <div
            class="slide-content"
            v-html="slide.contenido"
            v-show="slide.contenido"
          ></div>
          <div class="img-container">
            <img :src="slide.imagen" :alt="slide.titulo" />
          </div>
        </a>
      </SplideSlide>
    </Splide>
  </div>
</template>

删除client> client-forly组件也将其修复，但是速度无法正确呈现。

根据 this github问题，这可能与无效的html有关，但是我看不到是什么原因引起的，我可以看到，当我导航到任何路线时，它首先呈现索引。

我在另一个页面上还有另一个挥发器，当我导航到主页时，似乎并没有给我任何问题。