问题标签 [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.
reactjs - 使用 i18next 翻译钩子获取错误消息
所以我有一个工作正常的表单,对于错误消息,我创建了一个模式文件,其中包含这样定义的错误
在我的组件中,我正在像这样初始化 i18next 翻译变量const { t } = useTranslation('common')
。为了在用户触摸文本框并且不写任何内容的情况下显示错误消息,则将显示必填字段错误,其工作方式如下
const companyFieldError = _.get(errors,'company', '');
_.get 是一个接受对象、路径和默认值的 lodash 方法。
我需要知道如何将 common.json 文件中定义的翻译传递给 companyFieldError?common.json 中的翻译类似于
我不想丢弃我的架构文件,但我想在那里提供密钥,并且必须翻译该密钥。有没有办法做到这一点?
reactjs - Next Js 动态 i18n 子文件夹
我目前正在使用 Next.js 中的无头 WordPress 网站。我在国际化路由方面有点挣扎。我有 2 个与此问题相关的主页文件:
在这个文件中,我使用 getStaticPaths 函数为我的 WordPress 数据库中的所有页面获取 GraphQL 数据。
在这个文件中,我使用 getStaticPaths 函数为我的 WordPress 数据库中的所有博客文章获取 GraphQL 数据。
我在 next.config 文件中配置了语言环境,如下所示:
我很难找到一种方法来捕捉所有的博客文章。使用我当前的文件结构,我将捕获所有带有以下 URL 的博客文章:
但不是具有以下结构的默认语言下的博客文章:
我尝试使用 [[locale]] 但收到错误:
因此,似乎只能将包罗万象的路线设为可选。知道如何处理这样的事情吗?另一种方法可能是“加入”帖子和博客帖子的 2 个不同文件,然后在我需要对帖子或页面进行查询时使用一些条件逻辑进行排序。如果可能的话,我宁愿避免这种情况......
next.js - NextJS 语言环境随动态路由变化
语言环境更改在我的 next.js 应用程序中运行良好,动态路由除外。在浏览器地址栏中,我确实得到了从http://localhost:3000/client/home/profile
to的转换http://localhost:3000/de/client/home/profile
,但是页面给出了 404 错误...
我的动态页面[tab].tsx
我在LanguageSelector.tsx中进行语言环境切换:
任何想法我的错误在哪里?
next.js - 如何在 next-i18next 中使用 changeLanguage 方法更改语言环境?
我正在尝试通过单击按钮更改项目中的默认语言环境。我不想通过推送子路径来更改我的 URL,例如fooo.com/fa
.
这是我的下一个 i18next配置:
这是我更改语言环境和使用它的简单代码:
但它不起作用并停留在默认的语言环境中,即 EN。
internationalization - 有没有办法在没有 Next.js 国际化路由的情况下使用 next-i18next?
我已经next-i18next
在几个项目中使用包并且效果很好。
react-i18next
在我当前的项目中,我需要集成 i18n,但这次只支持 cookie,没有国际化路由,我想知道我是否可以通过这个包实现这一点,或者我应该回到i18next
样本:
我认为我们不能next/router
locale
开箱即用,但这作为集成的缺点是可以接受的。
reactjs - 为什么切换语言环境时我的会话不加载?
我将 Next.js 与next-auth
and结合使用next-i18next
。
我使用useSession()
(next-auth/client
在我的 _app.js 中使用 Provider)来检查用户是否经过身份验证。一旦通过身份验证,导航会非常快速,并且当前会话会在页面呈现之间保持。直到我切换语言环境。切换后,loading
状态(来自useSession()
)切换到true
。
状态保持真实,loading
直到我关注另一个浏览器选项卡并返回。
我希望会话也将保留在语言环境之间,就像它保留在页面导航之间一样......
我不知道为什么会发生这种情况,以及这种行为是否正常。
要切换语言环境,我使用:
next.js - 无法使 next-i18next 在子目录中工作
我正在尝试使用 next + next-i18next 生成 ssg 项目。如果我在本地机器上构建我的项目,一切正常。我不能让它在生产中工作。生产版本在子类别中:example.com/app,这可能是问题所在(由于路径而找不到翻译文件)。
next.js - next-i18next 在使用 getstaticprops 加载页面后重新渲染 _app.js
我正在使用 next-i18next 和应用程序。
在每个 getstaticprops 函数之后再次调用 _app.js。
这是为什么?
谢谢
reactjs - 功能 useTranslation 不起作用 next-i18next
我按照文档的步骤进行操作,但是当我尝试使用useTranslation
函数时,翻译过程不会发生。
发生在 next-i18next 版本 8.6.0
重现_app
文件的步骤
我的页面,翻译过程不起作用。
我不知道我能做些什么来解决这个问题。