1

我尝试在我的工兵项目的 prelaod 函数中获取 API。但是我无法在 sapper 中运行预加载功能。

<script context="module">

  export async function preload(page, session)
  {
    const res = await this.fetch(process.env.SAPPER_APP_API_URL + '/Paramedics');
    const paramedics = await res.json();

    console.log('SSR: ' + paramedics);

    return { paramedics };
  }
</script>

<script>
  import ParamedicCard from "./ParamedicCard.svelte";

  export let paramedics;

  console.log('CSR: ' + paramedics);
</script>

<div class="grid grid-cols-1 lg:grid-cols-4">

  {#if paramedics}

    {#each paramedics as paramedic }

        <ParamedicCard {paramedic} />

    {/each}

  {:else}

    <p>loading...</p>
    
  {/if}

</div>

console.log('SSR: ' + paramedics) 没有运行，console.log('SSR: ' + paramedics) 将护理人员显示为未定义。我在网上有很多红色，我什至尝试返回简单的文本值。从预加载功能。但无济于事。

我正在使用带有 tailwindcss 2.0 的 svelte 3.31 和 sapper 0.28

提前致谢！

4

0 回答 0