Svelte-i18n 抱怨 json 文件中冒号处出现意外标记

我一直在使用 Routify 和 Svelte-i18n 与 Svelte 合作。我似乎根本无法运行 Svelte-i18n。

我有以下 i18n 文件：

{
  "header.title": "Title"
}

它是在i18n.js这里导入的：

import { addMessages, init, getLocaleFromNavigator } from "svelte-i18n";
import en from "./locales/en.json";

addMessages("en", en);

init({
  fallbackLocale: "en",
  initialLocale: getLocaleFromNavigator(),
});

并App.svelte像这样初始化：

<script lang="ts">
  import { Router } from "@roxi/routify";
  import { routes } from "../.routify/routes";

  import "./i18n";
</script>

<Router {routes} />

<style global>
  @import url("https://fonts.googleapis.com/css?family=Dosis|Great+Vibes&display=swap");
  @tailwind base;
  @tailwind components;
  @tailwind utilities;
</style>

但无论如何，我一直unexpected token在 json 文件中出现冒号。我不知道为什么会发生这种情况，因为这是一个格式正确的 json 文件。