i18next是一个功能齐全的i18n javascript库,用于翻译您的web应用程序。
Typescript i18next 不满足约束 'string | TemplateStringsArray NextJS
我正在尝试输入要使用 i18next 进行翻译的对象数组,但变量 navItems 中出现以下消息,我在其中声明 i18next 然后迭代数组 Type 'NavItemPr...
astro-i18next Tfunction 显示按键而不是翻译
我使用 t() 函数来翻译文本。 该函数的作用就像 astros /public 文件夹中没有语言环境一样。 我的文件结构 我的 en 翻译.json 文件: { “指数”: { &
我正在使用本地化库 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'); });
我使用dayjs,我想用i18next.language的当前语言更改语言环境 但它不起作用,我只得到英文格式。 ... 从'dayjs'导入dayjs; 常量 { t, i18n } =
我按照文档配置了vue-i18next。 当我直接从 i18next.t 或在带有 useTranslation() 的组件内使用 t() 时,它不会返回翻译后的字符串,而是返回
亲爱的 Stack Overflow 社区, 我目前正在学习 Next.js 并已成功建立了一个新项目。现在,我正在将它与 i18n 集成,虽然翻译工作完美,但我
我正在使用 shadc-ui 创建一个概念克隆 [https://ui.shadcn.com/] 当(登陆)- 路由器和 _components 创建时。这些组件来自 shadcn-ui。 这是我的图片: 布局.js: 重要...
如何避免 Next.js 中出现“You have notclarified a namespacesRequired array”错误?
我将 next-i18next 模块用于多语言应用程序。我不明白为什么会出现以下错误,因为我已经按照文档中显示的方式声明了命名空间...
重新启动 React Native expo 应用程序时出错,无法加载自定义字体,因此应用程序卡在加载指示器或启动屏幕中: [错误:调用本机时遇到异常...
我正在致力于将i18next集成到react项目中,使用react-18next,并使用i18next-parser使用当前翻译字符串生成JSON文件,并使用自然语言键...
我正在努力正确扩展该功能。我遇到了错误无法重新声明块作用域变量 t。我不太确定声明模块是否是正确的方法(我是 ts 新手)。我...
下一个中间件组合 - next-auth 和 next-international
我正在尝试为下一个 Js 14 应用程序创建一个组合中间件。就我而言,我想为应用程序中的每个路线运行本地化中间件。另外,我需要启用作者...
i18next/react:Trans 在元素中显示“未定义”
我正在了解 i18next,但当我尝试使用链接时,Trans 给了我谜语。到目前为止,t{} 一切都运行良好(我正在 React – JSX 中工作): 这是代码...
参数类型 {interpolation: {escapeValue: ...}, debug: ..., backend: ..., } 不可分配给参数类型 Callback |未定义
我在 Webstorm 中使用 i18next 进行反应时遇到问题。一切正常,但在我初始化 i18n 的 i18n.ts 中,我的这段代码用红色下划线和这个错误。 i18n.ts 另外,我也有类似的问题...
useTranslation 不会在 languageChanged 上重新渲染组件
我正在使用react-i18next和i18n实现React本地化,i18next languageChanged会触发,但是我使用函数t()的组件不会自动重新渲染,UI会发生变化
在nuxt 3应用程序中更改语言后如何动态更改链接标签的link和href属性
如何在更改语言时更改页面元数据。 在堆栈溢出上 如何在 Nuxt3 中动态 HtmlAttr 中的目录和区域设置? 有一种方法可以更改 html 标记的 lang 和 dir 属性。 哈...
我正在尝试制作一个下拉菜单,允许我网站上的用户更改语言。我正在使用 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>
我对 I18next 有疑问。我不知道如何使网站链接起作用,这是我的代码: 从“react”导入 React, { Suspense }; 从“i18next”导入 i18n; 重要...
有没有办法在 Next.js 14 的 [lang] 文件夹内使用 not-found.tsx ?
我的 Next.js 14 项目有问题,该项目使用应用程序路由器。我使用 [lang] 文件夹来本地化我的应用程序。因此,我拥有所有页面,包括 [lang] 文件夹内的 page.tsx 和 layout.tsx。这样...
i18next 插值中的 React 组件显示为 [object Object]
我的 React 应用程序使用 next-i18next 包。我想在我的插值中放入一些 React 组件: 从“反应”导入反应; 从 'next-i18next' 导入 { useTranslation }; 导入 {