在 sveltekit 中发现不可调用的@@iterator

Question

大家好，我在我的 sveltekit 代码的一页上遇到了这个错误 Found non-callable @@iterator，之前一切正常，我没有做任何更改，我什至如何开始调试它？

我在特定页面的顶部有这段代码

<script context="module">
  export async function load({ fetch, page }) {
    const {p} = page.params
    const res = await fetch(`https://saffron-backend-prod-t3i75.ondigitalocean.app/api/packages/${p}`);

  if (res.ok) return { props: { packages: await res.json() } };
  return {
    status: res.status,
    error: new Error()
   };
  }
</script>

编辑：我开始删除随机的代码片段，结果是这个

<Swiper
    loop={true}
    navigation="{true}"
    class="overflow-hidden rounded-xl w-full h-72 relative justify-center items-center object-cover"
    >
    <SwiperSlide>
        <img
            src="{p.image}"
            alt=""
            class="h-80 border border-gray-100 w-full object-cover rounded-xl group-hover:rotate-0 group-hover:transform"
        />
    </SwiperSlide>
        {#each p.pkgImages as img}
            <SwiperSlide>
                <img
                    class="h-80 border border-gray-100 w-full object-cover rounded-xl"
                    src="{img.image}"
                    alt="product"
                />
            </SwiperSlide>
        {/each}
    </Swiper>

我将所有元素切换为常规 div 并且它可以工作，但当然我失去了 swiper 的所有功能

Answer 1

尝试这个：

 if (res.ok) return { props: { packages: await res.json({}) } };

代替：

 if (res.ok) return { props: { packages: await res.json() } };

希望能帮助到你