小编Kri*_*ris的帖子

在我的 sapper 应用程序中，我将一些数据存储在 src/data/videoslist.json 的 json 文件中，这是一个 json 格式的对象数组。

我需要检索索引页中的数据以将其传递给组件。这是我在 src/routes/index.svelte 顶部的代码

<script context="module">
    export async function preload() {
        const response = await this.fetch('../data/videoslist.json');
        const responseJson = await response.json();
        return {
            videos: responseJson
        }
    }
</script>

我收到错误 500

invalid json response body at http://127.0.0.1:3000/data/videoslist.json reason: Unexpected token < in JSON at position 0

该文件是纯json，没有别的。意外的标记 < 让我认为返回的是 404 而不是文件。

你知道我做错了什么吗？我用 ../ ./ 或将文件移动到路由文件夹尝试了很多路径变体，但没有任何效果。

PS：我仍然是 js 和框架方面的新手，对于更了解的人来说，我可能错过了一些非常基本的东西:)（就像您无法使用 fetch 检索本地文件）。