问题标签 [nuxt-i18n]

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 投票
1 回答
124 浏览

vue.js - 如果在所选语言文件中没有找到翻译,如何显示英文翻译?

我有两个语言环境:ru,en。

如果在所选语言文件中没有找到翻译,如何显示英文翻译?

我的 i18n 设置:

当前在 json 文件中显示带有字段名称的字符串。

0 投票
1 回答
2209 浏览

javascript - ENOENT:没有这样的文件或目录 preview.vue、prismic 模块和 nuxt-i18n

使用 @nuxtjs/prismic 和 nuxt-i18n 时收到错误消息。

错误信息 :

错误 ENOENT:没有这样的文件或目录,打开 'C:\wamp64\www\nuxt-test\prismic\.nuxt\prismic\pages\preview.vue

包.json

nuxt.config.js

在根目录下,我有一个/lang包含两个文件的文件夹: /fr-FR.js/en-US.js

为了尝试解决这个问题,我创建了一个预览文件app/prismic/pages/preview.vue 但是我得到了同样的信息: ERROR ENOENT: no such file or directory, open 'C:\wamp64\www\nuxt-test\prismic\.nuxt\prismic\pages\预览.vue

任何想法为什么?

谢谢你,亚历克斯。

0 投票
1 回答
827 浏览

vue.js - 使用 nuxt-i18n 时是否可以输出 html 而不是字符串作为对象值?

使用 nuxt-i18n 时是否可以输出 html 而不是字符串作为对象值?

如果你能教我就太好了!

en.json

页面/index.vue

■想要的结果

■实际结果

0 投票
2 回答
3372 浏览

vue.js - 对多条路线使用同一页面

我正在尝试找出如何在带有 i18n 模块的 Nuxt.js 上将同一页面用于多个路由。

基本上我想要这条路线:/product-category/:slug/in/:material使用相同的页面/product-category/:slug

到目前为止,我已经在下面尝试过,将其添加到 nuxt.config.js - 但它不起作用。它只是显示_slug/_material/index.vue文件。

也许是因为我有 i18n 模块,也许是因为我做错了什么。

这是我的文件夹结构:

编

如果我检查我的 router.js 文件,我会看到两次显示的路径:

在此处输入图像描述

0 投票
1 回答
1941 浏览

vue.js - nuxt-i18n 的延迟加载语言环境

在 nuxt-i18n 中,您必须使用您的应用将支持的语言环境指定 locales 属性,如下所示:

这可能是从 api 端点获取然后填充数组吗?

我在这个问题https://github.com/nuxt-community/nuxt-i18n/issues/256#issuecomment-505344965中看到了类似的东西,但我不知道如何运行该代码,甚至它是可能的。

0 投票
1 回答
768 浏览

vue.js - nuxt-i18n 回退忽略路由

我有一个使用 nuxt-i18n 并忽略路由的多语言 Nuxt 应用程序。

nuxt.config.js

所以该页面没有法语版本。

我的 lang 开关看起来像这样——到目前为止非常简单:

语言切换.vue

我已更改过滤器以删除丢失的页面/语言,例如:

return this.$i18n.locales.filter(i => (i.code !== this.$i18n.locale) && (this.$nuxt.$route.path !== this.switchLocalePath(i.code)) )

这行得通,但我想要一个更好的解决方案。这是我的问题:如果忽略路由,是否有一种简单的方法可以更改语言主页(/、/en、/de)的路由?

0 投票
1 回答
257 浏览

vue-router - 直接访问 url 时未解码俄语字符

nuxt-link 工作正常,但是当我重新加载时,它找不到路线。翻译后的路线是这样通知的:

nuxtI18n: { paths: { en: "/for-sale/", es: "/en-venta/", ru: "/для-продажи/", } }

我观察到,如果我直接进入编码路径,它会起作用,但如果我使用俄语字符,它就不会。因此,如果我访问http://localhost:3000/ru/для-продажи将无法正常工作,但访问http://localhost:3000/ru/%D0%B4%D0%BB%D1%8F-% D0%BF%D1%80%D0%BE%D0%B4%D0%B0%D0%B6%D0%B8会。

我怎样才能使它在寻找路线时对俄语字符进行编码?

0 投票
1 回答
1627 浏览

localization - 如何在 nuxt-i18n 文本中包含链接

我正在尝试使用 nuxt-I18n 模块进行本地化。我已经安装"nuxt-i18n": "^6.4.1"

同样在我的 nuxt.config.js 我有休闲

我还创建了文件夹区域设置,其中有我编写本地化的 2 个文件。我项目中的大部分文本都很简单,所以我在这个设置上做得很好。但是我最终遇到了一个问题。我有一个文本段落,里面有一个链接,如下所示:

我试图用 i18n 的组件来解决这个问题,但我遇到了很多错误。

谁能给我一个如何解决这个问题的例子?

0 投票
0 回答
689 浏览

typescript - 如何在 nuxt 的存储/操作中访问 i18n 实例?

我有一个使用 vue-i18n 的打字稿 Vue.js 应用程序,我想将它移植到 Nuxt.js。在 Vue.js 应用程序中,我通过调用在一个文件中初始化 i18n

为了从模板中无法访问的代码位置(Vue 操作等)访问 i18n 实例{{ $t('my.translation.key' }},我从实例化它的文件中导出了i18n对象,然后通过调用i18n.t('my.translation.key')检索翻译和其他属性(如当前属性)来访问它活跃的语言。

现在,使用 nuxt.js 和 nuxt-i18n,没有这样的显式初始化,并且通过在 Nuxt 配置中配置 nuxt-i18n,一切都“神奇地”发生了。

然后如何在模板之外的操作/其他代码位置访问 i18n 实例?我尝试使用just this.$i18n.t(...),但这不起作用。另外,如果我import Vue from 'vue'尝试通过它调用它Vue.$i18n.t(...)也不起作用。如何访问 i18n 实例?

0 投票
1 回答
2020 浏览

nuxt.js - nuxt-i18n 策略:no_prefix

我正在尝试使用 nuxt-i18n 为我的应用程序实现国际化,以下是 nuxt-i18n 配置,它工作正常,但是当我想使用策略时:'no_prefix' 它给出了错误......不知道该怎么做做,请建议。

https://nuxt-community.github.io/nuxt-i18n/routing.html#strategy

警告 [nuxt-i18n] 使用 no_prefix 策略时,不支持将非当前语言环境传递给 switchLocalePath
19:39:39

警告 [nuxt-i18n] 使用 no_prefix 策略时,不支持将非当前语言环境传递给 localePath
19:39:39