Next-i18next serverSideTranslations initialI18nStore 缺少语言环境

时间:2021-05-26 17:11:47

标签: javascript reactjs next.js react-i18next next-i18next

export const getStaticProps: GetStaticProps = async (context) => {
  const { locale } = context;
  const translations = await serverSideTranslations(locale, ["common"]);

  console.log(translations._nextI18Next.initialI18nStore)
}

如果是这种情况,则仅显示当前语言环境和默认语言环境中的那些。

这是我的 next-18next.config.js 文件:

const path = require("path");

module.exports = {
  i18n: {
    defaultLocale: "de",
    locales: ["de", "en", "fr", "it"],
  },
  localePath: path.resolve("./src/locales"),
};

我的 locales 看起来像这样:

enter image description here

我想在 initialI18nStore 中找到我在配置中定义的所有语言环境。为什么它没有显示所有这些?

2 个答案:

答案 0 :(得分:0)

您可以从 locales 中的 context 对象访问包含所有支持的语言环境的 getStaticProps 数组。

export const getStaticProps: GetStaticProps = async (context) => {
  const { locale, locales } = context;
  const translations = await serverSideTranslations(locale, ["common"]);

  console.log(locales); // Will log `['de', 'en', 'fr', 'it']`
}

答案 1 :(得分:0)

我遇到了同样的问题。我曾经使用 serverSideTranslations(locale, ["common"]) 获取所有语言环境翻译字符串,突然间我开始只接收当前语言环境的翻译和默认值。我做了一个解决方法来获取所有翻译:

export const getStaticProps: GetStaticProps = async (context) => {
  const { locales } = context;

  for (const locale of locales) {
    const currentLocaleTranslation = await serverSideTranslations(locale, ['common']);

    // do something with your translations
  }
}