i18next 相关问题

i18next是一个功能齐全的i18n javascript库,用于翻译您的web应用程序。

Typescript i18next 不满足约束 'string | TemplateStringsArray NextJS

我正在尝试输入要使用 i18next 进行翻译的对象数组,但变量 navItems 中出现以下消息,我在其中声明 i18next 然后迭代数组 Type 'NavItemPr...

回答 2 投票 0

astro-i18next Tfunction 显示按键而不是翻译

我使用 t() 函数来翻译文本。 该函数的作用就像 astros /public 文件夹中没有语言环境一样。 我的文件结构 我的 en 翻译.json 文件: { “指数”: { &

回答 3 投票 0

jQuery 移动按钮样式在本地化时丢失

我正在使用本地化库 i18Next 开发 jquerymobile 项目。 HTML 代码: 我正在使用本地化库i18Next开发jquerymobile项目。 HTML代码: <div id="messageboxPage" data-role="page" data-theme="a"> <div data-role="header" data-theme="a"></div> <div id="messagePage" data-role="content" data-theme="a"> <div class="barContainer" id="barContainer"> <div class="ui-bar ui-bar-b ui-btn-corner-all" style=" margin-top: 40px; padding-left: 0px;padding-right:10px; "> <div style="float: left; width: 30%;"> <a href="#" id="aNo" onclick="SetActive('aNo')" class="LnkButton" data-theme="a" data-role="button" data-inline="true" data-mini="true">Cancel</a> </div> <div style="float: left; width: 30%;padding-left: 6%; padding-right: 2%;"> <a href="#" id="aAccept" onclick="Supprimer();" data-theme="a" class="LnkButton" data-role="button" data-inline="true" data-mini="true">Delete</a> </div> <div style="float: right; width: 30%;"> <a href="#" id="aReply" onclick="Reply();" data-theme="a" class="LnkButton" data-role="button" data-inline="true" data-mini="true">Reply</a> </div> </div> </div> </div> </div> js代码 window.opts = { lng: 'fr', getAsync: true, // fallbackLng: 'en', ns: { namespaces: ['ns.controls'], defaultNs: 'ns.controls' }, useLocalStorage: false, debug: true }; $.i18n.init(opts).done(function () { alert('i18n init function'); $('#aNo').text("No Merci!"); $('#aAccept').text("Supprimer"); $('#aReply').text("Respondre"); $('#messageboxPage').trigger('pagecreate'); }); $(document).ready(function () { alert('messagebox document ready'); }); 现在的问题是文字改变了,但是按钮样式丢失了。第二个问题是设置带标签的文本;我尝试过页面创建触发器,但它不起作用。你有什么建议? 这是一个工作的JS Fiddle 要更改按钮的文本,您必须修改 .ui-btn-text 元素的文本,这比 span > span 更好: $('#aNo .ui-btn-text').text("No Merci!"); $('#aAccept .ui-btn-text').text("Supprimer"); $('#aReply .ui-btn-text').text("Respondre"); 小提琴 这对我有用 $.i18n.init(opts).done(function () { alert('i18n init function'); var message_type = 0; if (message_type == "0") { alert('from 0'); $('#lblTo').text("from 0"); } else if (message_type == "1") { alert('to 1'); $('#lblTo').text("to 1"); } else if (message_type == "2") { alert('from 2'); $('#lblTo').text("from 2"); } $('lblDate').text($.t('Messagebox.lblDate')); $('lblSubject').text($.t('Messagebox.lblSubject')); //////////////////////////this is where i was wrong $('#aNo > span > span').text("No Merci!"); $('#aAccept > span > span').text("Supprimer"); $('#aReply > span > span').text("Respondre"); /////////////////////////// $('#messageboxPage').trigger('pagecreate'); });

回答 2 投票 0

dayjs 与 i18next 设置区域设置不起作用

我使用dayjs,我想用i18next.language的当前语言更改语言环境 但它不起作用,我只得到英文格式。 ... 从'dayjs'导入dayjs; 常量 { t, i18n } =

回答 3 投票 0

i18next-vue:调用 t() 返回函数(ctx)

我按照文档配置了vue-i18next。 当我直接从 i18next.t 或在带有 useTranslation() 的组件内使用 t() 时,它不会返回翻译后的字符串,而是返回

回答 1 投票 0

接下来的i18n和布局等静态文件返回404

亲爱的 Stack Overflow 社区, 我目前正在学习 Next.js 并已成功建立了一个新项目。现在,我正在将它与 i18n 集成,虽然翻译工作完美,但我

回答 1 投票 0

范围错误 Next js 中超出了最大调用堆栈大小

我正在使用 shadc-ui 创建一个概念克隆 [https://ui.shadcn.com/] 当(登陆)- 路由器和 _components 创建时。这些组件来自 shadcn-ui。 这是我的图片: 布局.js: 重要...

回答 1 投票 0

如何避免 Next.js 中出现“You have notclarified a namespacesRequired array”错误?

我将 next-i18next 模块用于多语言应用程序。我不明白为什么会出现以下错误,因为我已经按照文档中显示的方式声明了命名空间...

回答 1 投票 0

重新启动应用程序时反应本机博览会错误无法加载字体

重新启动 React Native expo 应用程序时出错,无法加载自定义字体,因此应用程序卡在加载指示器或启动屏幕中: [错误:调用本机时遇到异常...

回答 1 投票 0

理解 i18next 的复数键?

我正在致力于将i18next集成到react项目中,使用react-18next,并使用i18next-parser使用当前翻译字符串生成JSON文件,并使用自然语言键...

回答 1 投票 0

扩展i18next的翻译功能

我正在努力正确扩展该功能。我遇到了错误无法重新声明块作用域变量 t。我不太确定声明模块是否是正确的方法(我是 ts 新手)。我...

回答 1 投票 0

下一个中间件组合 - next-auth 和 next-international

我正在尝试为下一个 Js 14 应用程序创建一个组合中间件。就我而言,我想为应用程序中的每个路线运行本地化中间件。另外,我需要启用作者...

回答 1 投票 0

i18next/react:Trans 在元素中显示“未定义”

我正在了解 i18next,但当我尝试使用链接时,Trans 给了我谜语。到目前为止,t{} 一切都运行良好(我正在 React – JSX 中工作): 这是代码...

回答 1 投票 0

参数类型 {interpolation: {escapeValue: ...}, debug: ..., backend: ..., } 不可分配给参数类型 Callback |未定义

我在 Webstorm 中使用 i18next 进行反应时遇到问题。一切正常,但在我初始化 i18n 的 i18n.ts 中,我的这段代码用红色下划线和这个错误。 i18n.ts 另外,我也有类似的问题...

回答 1 投票 0

useTranslation 不会在 languageChanged 上重新渲染组件

我正在使用react-i18next和i18n实现React本地化,i18next languageChanged会触发,但是我使用函数t()的组件不会自动重新渲染,UI会发生变化

回答 1 投票 0

在nuxt 3应用程序中更改语言后如何动态更改链接标签的link和href属性

如何在更改语言时更改页面元数据。 在堆栈溢出上 如何在 Nuxt3 中动态 HtmlAttr 中的目录和区域设置? 有一种方法可以更改 html 标记的 lang 和 dir 属性。 哈...

回答 1 投票 0

下拉菜单语言切换器i18n、vuejs

我正在尝试制作一个下拉菜单,允许我网站上的用户更改语言。我正在使用 vuejs 和 i18n。 这是 App.vue 中的下拉菜单: 我正在尝试制作一个下拉菜单,允许我网站上的用户更改语言。我正在使用 vuejs 和 i18n。 这是 App.vue 中的下拉菜单: <select v-if="languages"> <option v-for="(lng) in Object.keys(languages)" :key="lng" @change="$i18next.changeLanguage(lng)"> <a v-if="$i18next.resolvedLanguage !== lng"> {{ languages[lng].nativeName }} </a> <strong v-if="$i18next.resolvedLanguage === lng"> {{ languages[lng].nativeName }} </strong> </option> </select> 我在显示中添加的所有语言,但是当我选择其中一种语言时,显示的文本不会改变。 <script> export default { name: 'TranslationShowCase', data () { return { languages: { en: { nativeName: 'English' }, fr: { nativeName: 'Français' }, es: { nativeName: 'Espanol' } } } } } </script> 我研究了如何处理单击下拉菜单中的选项之一的事件,并将 @ 事件处理程序移动到不同的位置以查看它是否更改了任何内容,但它没有。这可能是一个非常简单的修复,我是一名后端开发人员,所以我很少需要处理前端的所有奇怪问题,而我目前迷失了。 您使用的 vue-i18n 和 vuejs 版本是什么?这很重要 我找到了vue-i18n's 8.x版本示例,@change事件不是必须的,可以直接更改使用v-model <select v-model="$i18n.locale"> <option v-for="(lng, i) in Object.keys(languages)" :key="`Lang${i}`" :value="lng"> <a v-if="$i18next.locale!== lng"> {{ languages[lng].nativeName }} </a> ... </option> </select> <script> export default { name: 'TranslationShowCase', data () { return { languages: { en: { nativeName: 'English' }, fr: { nativeName: 'Français' }, es: { nativeName: 'Espanol' } } } } } </script>

回答 0 投票 0

在 React I18next 中添加文本链接

我对 I18next 有疑问。我不知道如何使网站链接起作用,这是我的代码: 从“react”导入 React, { Suspense }; 从“i18next”导入 i18n; 重要...

回答 6 投票 0

有没有办法在 Next.js 14 的 [lang] 文件夹内使用 not-found.tsx ?

我的 Next.js 14 项目有问题,该项目使用应用程序路由器。我使用 [lang] 文件夹来本地化我的应用程序。因此,我拥有所有页面,包括 [lang] 文件夹内的 page.tsx 和 layout.tsx。这样...

回答 1 投票 0

i18next 插值中的 React 组件显示为 [object Object]

我的 React 应用程序使用 next-i18next 包。我想在我的插值中放入一些 React 组件: 从“反应”导入反应; 从 'next-i18next' 导入 { useTranslation }; 导入 {

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.