问题标签 [nuxt-i18n]

我正在将一个带有 vue-router 的项目从 Vue.js 转移到 Nuxt.js。

经过数小时的尝试和谷歌搜索，我设法让一切正常工作，但这是我无法工作的一个问题：**将 i18n 和 vue-router 与 Nuxt.js 集成 **

两个我还没有解决的问题：

1. 如何在我的 router.js 文件中正确更新 i18n.locale？
2. 如何告诉 nuxt-i18n 我正在使用自己的路由器？它现在显然抱怨Route with name 'XXX___en' does not exist.

在我的普通 vue 项目中，以下代码有效，我可以更改 router.js 中的语言环境，它会传播和更新 this.$i18n。

i18n.js

路由器.js

现在在 Nuxt，我也想做同样的事情。我在 nuxt.config.js 中像这样导入了 nuxt-i18n 插件：

我在路由器中尝试了以下操作但没有成功。

路由器.js

这不会出错，但也不起作用。Vue.use() 在这里可能是错误的，因为它注册了一个新组件，我猜我的代码没有引用正确的 i18n？

谢谢你的帮助

我正在计划一个关于 Nuxt.js 的项目，但目前我找不到区域功能的优雅解决方案。如果有一个想法可以帮助您实现将所选区域的前缀添加到 URLs.Example 的功能，我将不胜感激：

https://example.net/.../ - 默认区域（欧盟区域）

https://example.net/eu/.../ - 欧盟地区

https://example.net/au/.../ - 非盟地区

nuxt/i18n 也做了类似的事情，但问题是每个区域可以有几种语言。目前，只有一个想法 - 通过 NGINX 执行此操作，但我不确定它是否会起作用（以每个带有区域前缀的 url 并将其代理到 localhost:3000 为例）。我不要求您为自己编写代码，我只需要有关走哪条路的建议。如果您有任何想法，我将不胜感激。

我想用 nuxt-i18n 插件在我的 nuxt 应用程序上构建一个语言切换器。重要说明是，我使用的是 TypeScript 而不是 JavaScript。

如文档（https://i18n.nuxtjs.org/lang-switcher）中所示，我在我的导航栏组件中实现了以下代码：

TheNavbar.vue

在我的应用程序中，此解决方案有效。但是控制台打印出以下两个错误：

我在 nuxt.config.js 中的 i18n 配置：

我已经vue-fb-customer-chat在我的 NuxtJS 网站上成功安装了该插件，并且聊天工作正常。

这是一个多语言网站，我需要能够以正确的语言（nuxt-i18n模块中的当前语言环境）加载聊天。如果在从网站内切换语言后聊天没有更改其语言，那没关系，但我希望在页面加载时至少有正确的语言。

这是plugins/vue-fb-customer-chat.js文件的内容：

以下均无效：

解决这个问题的方法是什么？

提前感谢您的帮助。

我正在使用插件vue-i18n在 Nuxt.js 驱动的 SPA 中进行翻译。这允许轻松访问components中的消息，如下所示：

但是如何在组件之外获得翻译？在我的具体情况下，我需要在商店操作中使用它们：

这就是我在项目中包含 vue-i18n 插件的方式：

包.json

nuxt.config.js

我的问题有点具体。我在这个项目中使用 Vuex 和 Nuxt。对于依赖项，我们使用 i18n-nuxt 但不知何故我不能在 $store 中使用 $t('some.translation') 而在组件中它工作得很好。我尝试了我能想象到的所有可能的组合，但结果仍然导致我出现同样的错误。

ReferenceError $t is not defined 或者 Cannot read the property of i18n

所以在这种情况下，我可以使用一些帮助来解决这个问题，或者如果有人向我展示如何使用 i18n 作为过滤器，那将是完美的。（我认为这是唯一的方法。）

例如，此代码块来自 $store.state

您可以想象我无法将它们翻译到它们所在的位置。

视频上传和查看

我想在页面中上传视频并在网页中显示或加载它们。

我有一个运行 nuxt 应用程序的 docker 映像，我今天重新启动了该应用程序，除了重新启动之外没有进行其他更改，我现在收到此错误...

错误无法从“/app/client”中找到模块“@nuxt/ufo”

我正在尝试使用来自nuxt-i18n 的localRoute 方法

this.$router.push(this.localeRoute({ name: "home" }))

我试过这种方法，但它不起作用，正确的方法是什么？

我正在尝试为我的 Nuxt 前端设置本地化。每次我切换到英语然后转到我网站的另一个子页面时，它都会重置回德语。

这是我的语言选择器

这是我的 i18n 配置文件

这是我的 Nuxt.config.js 的 buildModules 部分