在应用入口点调用 i18n.js 文件 | svelte-i18n

Question

我正在尝试使我的 Svelte 应用程序国际化。

我正在使用 Svelte 和 Snowpack。和 svelte-i18n。我按照 GitHub.

上的教程进行操作

在 tutorial 中，他们说：

"Note: Make sure to call your i18n.js file on your app's entry-point. If you're using Sapper, remember to also call init() on your server-side code (server.js)."

不知道怎么办？谁能帮帮我？

非常感谢任何帮助。

Answer 1

入口点是您初始化应用程序的文件。如果您使用的是 default Svelte template，则入口点是 src/main.js。您可以将国际化代码放在那里。

import App from './App.svelte';
// copied from https://github.com/kaisermann/svelte-i18n/blob/main/docs/Getting%20Started.md#4-initializing
import { register, init, getLocaleFromNavigator } from 'svelte-i18n';

register('en', () => import('./en.json'));
register('en-US', () => import('./en-US.json'));
register('pt', () => import('./pt.json'));
// en, en-US and pt are not available yet

init({
    fallbackLocale: 'en',
    initialLocale: getLocaleFromNavigator(),
});
// starts loading 'en-US' and 'en'

// now render your app
const app = new App({
    target: document.body,
    props: {
        name: 'world'
    }
});

export default app;

该软件包还提供了 template 用于在 Sapper 中执行此操作。

Answer 2

我正在将 Svelte 与 Svelte Kit 一起使用，但我在任何地方都找不到像 main.js 或 App.svelte 这样的入口点，但是将代码放在 __layout.svelte 中对我有用.

在应用入口点调用 i18n.js 文件 | svelte-i18n

Calling i18n.js file on app's entry-point | svelte-i18n

svelte

svelte-3

snowpack