问题标签 [next-i18next]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
258 浏览

javascript - Next-i18next serverSideTranslations initialI18nStore 缺少语言环境

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

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

我的locales样子是这样的:

在此处输入图像描述

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

0 投票
1 回答
52 浏览

reactjs - 使用 i18next 翻译钩子获取错误消息

所以我有一个工作正常的表单,对于错误消息,我创建了一个模式文件,其中包含这样定义的错误

在我的组件中,我正在像这样初始化 i18next 翻译变量const { t } = useTranslation('common')。为了在用户触摸文本框并且不写任何内容的情况下显示错误消息,则将显示必填字段错误,其工作方式如下

const companyFieldError = _.get(errors,'company', '');

_.get 是一个接受对象、路径和默认值的 lodash 方法。

我需要知道如何将 common.json 文件中定义的翻译传递给 companyFieldError?common.json 中的翻译类似于

我不想丢弃我的架构文件,但我想在那里提供密钥,并且必须翻译该密钥。有没有办法做到这一点?

0 投票
1 回答
615 浏览

reactjs - Next Js 动态 i18n 子文件夹

我目前正在使用 Next.js 中的无头 WordPress 网站。我在国际化路由方面有点挣扎。我有 2 个与此问题相关的主页文件:

在这个文件中,我使用 getStaticPaths 函数为我的 WordPress 数据库中的所有页面获取 GraphQL 数据。

在这个文件中,我使用 getStaticPaths 函数为我的 WordPress 数据库中的所有博客文章获取 GraphQL 数据。

我在 next.config 文件中配置了语言环境,如下所示:

我很难找到一种方法来捕捉所有的博客文章。使用我当前的文件结构,我将捕获所有带有以下 URL 的博客文章:

但不是具有以下结构的默认语言下的博客文章:

我尝试使用 [[locale]] 但收到错误:

因此,似乎只能将包罗万象的路线设为可选。知道如何处理这样的事情吗?另一种方法可能是“加入”帖子和博客帖子的 2 个不同文件,然后在我需要对帖子或页面进行查询时使用一些条件逻辑进行排序。如果可能的话,我宁愿避免这种情况......

0 投票
1 回答
365 浏览

next.js - NextJS 语言环境随动态路由变化

语言环境更改在我的 next.js 应用程序中运行良好,动态路由除外。在浏览器地址栏中,我确实得到了从http://localhost:3000/client/home/profileto的转换http://localhost:3000/de/client/home/profile,但是页面给出了 404 错误...

我的动态页面[tab].tsx

我在LanguageSelector.tsx中进行语言环境切换:

任何想法我的错误在哪里?

0 投票
0 回答
437 浏览

next.js - 如何在 next-i18next 中使用 changeLanguage 方法更改语言环境?

我正在尝试通过单击按钮更改项目中的默认语言环境。我不想通过推送子路径来更改我的 URL,例如fooo.com/fa.

这是我的下一个 i18next配置:

这是我更改语言环境和使用它的简单代码:

但它不起作用并停留在默认的语言环境中,即 EN。

0 投票
1 回答
217 浏览

internationalization - 有没有办法在没有 Next.js 国际化路由的情况下使用 next-i18next?

我已经next-i18next在几个项目中使用包并且效果很好。

react-i18next在我当前的项目中,我需要集成 i18n,但这次只支持 cookie,没有国际化路由,我想知道我是否可以通过这个包实现这一点,或者我应该回到i18next

样本:

我认为我们不能next/router locale开箱即用,但这作为集成的缺点是可以接受的。

0 投票
1 回答
53 浏览

reactjs - 为什么切换语言环境时我的会话不加载?

我将 Next.js 与next-authand结合使用next-i18next

我使用useSession()next-auth/client在我的 _app.js 中使用 Provider)来检查用户是否经过身份验证。一旦通过身份验证,导航会非常快速,并且当前会话会在页面呈现之间保持。直到我切换语言环境。切换后,loading状态(来自useSession())切换到true

状态保持真实,loading直到我关注另一个浏览器选项卡并返回。

我希望会话也将保留在语言环境之间,就像它保留在页面导航之间一样......

我不知道为什么会发生这种情况,以及这种行为是否正常。

要切换语言环境,我使用:

0 投票
0 回答
141 浏览

next.js - 无法使 next-i18next 在子目录中工作

我正在尝试使用 next + next-i18next 生成 ssg 项目。如果我在本地机器上构建我的项目,一切正常。我不能让它在生产中工作。生产版本在子类别中:example.com/app,这可能是问题所在(由于路径而找不到翻译文件)。


0 投票
0 回答
23 浏览

next.js - next-i18next 在使用 getstaticprops 加载页面后重新渲染 _app.js

我正在使用 next-i18next 和应用程序。

在每个 getstaticprops 函数之后再次调用 _app.js。

这是为什么?

谢谢

0 投票
0 回答
255 浏览

reactjs - 功能 useTranslation 不起作用 next-i18next

我按照文档的步骤进行操作,但是当我尝试使用useTranslation函数时,翻译过程不会发生。

发生在 next-i18next 版本 8.6.0

重现_app文件的步骤

我的页面,翻译过程不起作用。

我不知道我能做些什么来解决这个问题。