在导入 vue-collage-slideshow nuxt 时出现错误“文档未定义”答案

【问题标题】：on import vue-collage-slideshow nuxt is giving me error 'document is not defined'在导入 vue-collage-slideshow nuxt 时出现错误“文档未定义”
【发布时间】：2021-08-18 10:28:12
【问题描述】：

我正在尝试在 nuxt 中导入 vue-collage-slideshow 以在我的项目中制作画廊幻灯片，但它给了我一个错误，我们将不胜感激。代码如下

<template>
  <div id="collage">
    <client-only placeholder="Loading...">
      <slideshow
        :images="images"
        :collage-size-min="5"
        :collage-size-max="5"
        :slides-interval="4000"
        :show-no-images-msg="true"
        no-images-msg="No Images"
        :show-loading-msg="true"
        loading-msg="Loading..."
        height="100%"
      >
      </slideshow>
    </client-only>
  </div>
</template>

<script>
import Slideshow from 'vue-collage-slideshow'

export default {
  name: 'Collage',
  components: {
    Slideshow,
  },
  data() {
    return {
      images: [
        { image: 'https://wallpapershome.com/images/pages/pic_v/5111.jpg' },
        {
          image:
            'https://thumbor.forbes.com/thumbor/1280x868/https%3A%2F%2Fblogs-images.forbes.com%2Fannabel%2Ffiles%2F2018%2F02%2FLouisville_Skyline-1200x801.jpg',
        },
        { image: 'https://t-ec.bstatic.com/images/hotel/max1024x768/683/68345284.jpg' },
        { image: 'https://i.pinimg.com/originals/08/ec/94/08ec94ecf38048a2102ec4783dc88fa8.jpg' },
        { image: 'https://t-ec.bstatic.com/images/hotel/max1024x768/873/87316855.jpg' },
      ],
    }
  },
}
</script>

【问题讨论】：

可能这个包不是为 Nuxt 设计的，试试其他包。
感谢@kissu 的友好回应。我试过了，但对我没有用，所以我不得不采用另一种方法。
我不明白什么不起作用，也不知道错误。我只看到了 404。如果你修复它，一切都应该工作。这里有什么问题？

标签： vue.js nuxt.js

【解决方案1】：

您的代码完全没有问题，一切都按预期工作，您只需要修复损坏的 URL： https://t-ec.bstatic.com/images/hotel/max1024x768/683/68345284.jpg

因此出现404 错误

【讨论】：