sapper/svelte 中的预加载功能不运行

问题描述

我尝试在我的 sapper 项目的 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) 将护理人员显示为未定义。我在网上有很多红色，我什至尝试返回简单的文本值。从预加载功能。但无济于事。

我使用 svelte 3.31 和 sapper 0.28 和 tailwindcss 2.0

提前致谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）