问题标签 [nuxt-i18n]

我正在将 VueJS 项目转换为 Nuxt.js，但我无法理解 nuxt 如何处理路由。它的文档没有说明推送路线。

使用 VueJS 我在一个组件中有以下内容。

但这在 Nuxt 中没有任何作用。发出警报（'hi）；在 submitSearch 内触发很好，但我从未被重定向到该路线。

这里的目标是当用户在搜索栏中按下回车键时，重定向到 /search?q=blablabla

编辑：

问题是用户被重定向到/?q=blablabla而不是/search?..

我刚刚意识到这是因为多语言路线有不同的名称。

我将如何推送到动态search命名而不是 ' '的路由名称search__en？

使用 Nuxt，您可以在nuxt.config.js文件中设置语言 HTML 属性，如下所示：

但是，如果您有一个多语言应用程序，您应该怎么做？有没有办法根据语言环境设置语言属性？

我认为这可能document.documentElement.setSttribute('lang', 'language-code')会起作用，但是由于 nuxt 在服务器端呈现，它似乎无法访问 documentElement 对象。

谢谢

在我的 Nuxt.js 应用程序中，我根据文档的建议安装了nuxt-i18n：

但是当我运行 npm run dev 时，我收到以下错误消息：

如何解决这个问题？

我创建了一个新的 Nuxt.js 项目：npx create-nuxt-app project

然后我启动服务器：cd project && npm run dev 到目前为止一切正常。

现在我想安装nuxt-i18n：npm i nuxt-i18n然后我将它添加到 nuxt.config.js 中：

我在开发工具的控制台中收到以下错误（页面显示空白）：

是什么原因造成的以及如何解决？

我正在构建一个多语言 Nuxt 网络应用程序。
使用官方文档（Codepen链接）中的这个示例，我不再想使用保存我的翻译的本地 JSON 文件，以便按照以下代码中的定义工作：

我想知道通过从 URL 读取 JSON 数据来设置异步en和值的可用替代方法是什么？fr

插件/i18n.js：

我尝试了什么：

Whereurl指向/locals/en.json托管在我的 Github 个人资料上的文件。

In my Nuxt.js application, I want to use the newest version (5.4.2) of nuxt-i18n. I used it previously without any problems, but I do not understand what is going wrong now:

Version

v5.4.2

Reproduction link

https://github.com/begueradj/nuxti18nerror

Steps to reproduce

1. Either clone my project and follow the README file instructions
2. Or create the a Nuxt.js project: yarn create nuxt-app my-project, then install the plugin: yarn add nuxt-i18n , then add it to the configuration file nuxt.config.js as the official documentation says: modules: [ ['nuxt-i18n', { // Options }] ]

What is expected ?

I expect to launch the server without errors when I run yarn run dev. As simple as that.

What is actually happening?

When I run yarn run dev I am getting this error message:

我正在对我的网站进行内部化，到目前为止， nuxt-i18n模块对我的服务很好。但是，我还没有弄清楚如何从服务器获取和加载路径的翻译。

在常见翻译的情况下，我从服务器和初始化中获取所有内容，并使用消息填充存储。然后我简单地从商店中导出翻译，如下所示。

然后将其延迟加载，如文档中所述

这是我的配置

但是，在自定义路径翻译的情况下，这似乎没有实现。理想情况下，我想使用第一个提到的方法，它在 nuxt 配置中定义路径转换。

所以我问，我能以某种方式做一些类似的事情吗？

最后，我也会对组件方法感到满意。但是，因为nuxtI18n是属性而不是函数，所以我无权访问 Nuxt ( this)，因此也无权访问应用商店。如果第一个选项不可行，有没有办法如何将nuxtI18n商店中的值传递给属性？

我希望能够做到这一点。

非常感谢任何帮助。

如果我尝试运行下面的东西（使用yarn run jest），我得到TypeError: _vm.$t is not a function，因为SearchField正在使用翻译（"$t('search')"）。

如果我在开头添加以下三行，则会得到TypeError: Cannot read property '_t' of undefined。

我正在构建一个 nuxt.js 应用程序。所以我的计划是注入被重用到上下文的辅助对象和函数。

所以我创建了一个插件

该对象被正确地注入到上下文中，我可以在我想要的地方访问规则。但是尝试运行函数 $t 会让我出错

所以基本上我想运行 $t 函数并在发生事情时获取本地化消息。这可能吗？如果可以，怎么做？

我的 Nuxt.js 应用程序有问题。

我已经安装了 nuxt-i18n 5.8.0，并在我的 nuxt.config.js 文件中进行了以下配置

当我使用默认语言并单击页面中的链接时，结果是“找不到页面”错误。如果我刷新页面，它可以工作。

对于使用默认语言的每个链接，每个页面都会发生这种情况。

如果我使用辅助语言，导航效果很好。

有什么帮助吗？？

谢谢！！