从 sapper 预加载初始化可写的 svelte 存储答案

【问题标题】：Initialize writable svelte store from sapper preload从 sapper 预加载初始化可写的 svelte 存储
【发布时间】：2021-02-13 04:53:01
【问题描述】：

我想做这样的事情：

<script context="module">
    export async function preload() {
        const topicRes = await this.fetch(`topics/all.json`).catch((error) => {
            console.error("ERROR: " + error)
        });
        const serverTopics = await topicRes.json();
        return { serverTopics };
    }
</script>

然后：

<script>
  import { writable } from 'svelte/store';
  export let topics = writable(serverTopics);
</script>

所以基本上，用预加载值初始化topics var。

但在标记中：

{JSON.stringify(serverTopics)}
---
{JSON.stringify(topics)}

它在serverTopics 中显示数据，但topics 为空。

【问题讨论】：

标签： javascript server-side-rendering svelte sapper

【解决方案1】：

必须做的：

{JSON.stringify($topics)}

【讨论】：