问题标签 [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 投票
2 回答
461 浏览

typescript - Nuxt i18n:在 TypeScript 中使用 `nuxtI18nHead`

我正在努力使用nuxtI18nHeadTypeScript,我应该怎么做才能避免这个错误?

以下来自default.vue

代码:

错误:

0 投票
1 回答
664 浏览

vue.js - 如何访问路由参数:通过完全 nuxt-i18n 本地化路由?(localeLocation 与 localePath)

nuxt/VueRouter 是否总是需要一个_some.vue文件名来获取路由参数?

我想要一个像这样的按钮:

并将参数发送到我的路线/musicdb/index.vue,但这显然不起作用......

但是它适用于查询字符串...

为什么params:不能使用 index.vue 文件?我假设这是一个(基本)路由问题?

params:内部调用index.vueundefined和不工作!

查询字符串工作正常:

0 投票
0 回答
14 浏览

internationalization - 如何使用 in18 和 vue.JS 将响应式数据嵌入到翻译中?

我有一个小问题要问社区:是否可以将反应数据集成到 in18 提供的翻译中?

让我用错误页面的例子来解释一下:

✿ 错误.vue

✿ _en.js

我想要做的是将error.statusCode数据嵌入到我的关键交易$t('error.headline')中,以便在我的页面中获取此消息:

不好了!发生错误404

可能吗?感谢时间!

0 投票
1 回答
1141 浏览

nuxt.js - NuxtJS 静态生成 date-fns "locale must contain localize property" + nuxt-i18n

我最近将该@nuxtjs/date-fns模块添加到我的应用程序中。我的目标是将不同语言的日期格式化为人类可读的格式,例如“2042 年 7 月 13 日,星期五”。

对于语言翻译,我正在使用该@nuxtjs/i18n模块。

这是我尝试静态生成时有问题的代码块:

我总是从date-fns模块中收到以下错误:

我已经尝试将代码块包装成<client-only></client-only>没有任何成功的结果。

当我处于开发模式时,一切正常。我认为问题可能出在生成过程中,客户端和服务器端之间肯定存在冲突。

还有我的 nuxt.config.js

0 投票
1 回答
58 浏览

nuxt.js - 如何在现有 Nuxt.js 项目上安装 Prismic.io 工具

我一直在尝试在我现有的 Nuxt.js 项目上安装 Prismic.io 工具:

我先升级了nuxt:

我已经通过 npm 安装了 prismic:

package.json文件中,依赖项现在如下:

我在文件夹中创建了link-resolver.js文件:html-serializer.jsplugins

链接解析器.js:

html序列化器:

然后,我在nuxt.config.js文件中添加了所需的模块:

然后我跑了

在所有这些步骤之后,我的项目仍然没有安装棱镜工具。

0 投票
0 回答
272 浏览

javascript - Nuxt 动态页面 slug 在异步数据中没有改变

在我正在处理的项目中,我在 pages/news/_slug.vue 中有一个动态页面

我使用 asyncData 挂钩来获取页面上使用的数据并设置 slug 以便语言切换器工作。i18n 是通过 nuxt/i18n 包 btw 完成的。

当我使用语言切换器时,浏览器中的 url 会更新,但 asyncData 中的 console.log 显示 params.slug 不会从浏览器更新为新的 slug。

我读到 asyncData 仅在第一页加载时运行,并且不应再次运行,因为 nuxt 加载了相同的组件。但是当我切换语言时,我在控制台中得到了 slug console.log 3 次。它只是不会更新到新的蛞蝓。因此 fetchContent 函数不起作用。

当我用新的 slug 重新加载页面时,它工作正常。有什么想法可以让我完成这项工作吗?

0 投票
1 回答
319 浏览

vue.js - Nuxtjs i18n 自定义语言环境

我有一个应用程序,主要问题是我无法理解如何“创建”自定义语言环境。例如,我有这样的路线/hello/ja/hello其中第一条路线是默认英语,第二条路线是日语。我试图让我的英语语言环境不带前缀,但只为这个版本的一个路由添加前缀,比如/eng/hello.

我的 i18n 的 nuxt.config.js:

0 投票
2 回答
306 浏览

nuxt.js - 在 NuxtJS 中使用 i18n-n 功能组件

如何在 Nuxt 中 使用i18n-n 功能组件?Vue i18n Guide说我可以这样使用它:

但是带有i18n 模块的Nuxt对组件一无所知<i18n-n></i18n-n>并抛出错误

0 投票
1 回答
62 浏览

nuxt.js - Nuxt js(2.15.7 ) i18n 添加 vue 插件加载器时(app.i18n.__onNavigate 不是函数)

nuxt.config.js

在此处输入图像描述

0 投票
2 回答
1620 浏览

vue.js - 在 Nuxt 应用程序中导入 scss 模块

我想在我的 Nuxt 项目中导入一个 SCSS 文件。

为此,我尝试按照文档在其中简单地将带有文件名的路径添加到 css 文件中:

nuxt.config.js

但它给出了错误

找不到模块“../scss/_introPage.scss”

我的文件夹结构:

如何包含 SCSS 文件并将全局 CSS 应用到我的项目中?

如果有人需要任何进一步的信息,请告诉我。