问题标签 [next-i18next]

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 回答
714 浏览

javascript - 如何在 __app.js 中配置 appWithTranslation(nexti18next + withRedux (next-redux-wrapper)

我正在使用 react-redux、redux、nexti18next、next-redux-wrapper 将 reactjs 项目转移到 nextjs,这里是 _app.js 和 redux.js,它运行正确,但如果我添加 withRedux,则会出错。请告诉我如何解决这个问题或给我一些解决方案!

0 投票
1 回答
1501 浏览

next.js - 仅使用 next-i18next 在服务器端添加翻译

设想:

  • 我们有一个响应多个域的服务器 (70+)
  • 每个域都有自己的语言(已经在单独的 JSON 文件中)
  • 我有一张地图"domain":"translation.json"
  • 每个客户都有一种语言:访问“example.com”的用户只会看到英文网站。“example.es”中的访问者会以西班牙语看到它。没有选项可以更改当前站点的语言,只需链接到另一个域。

问题

我不想在客户端加载 70 多个翻译,因为客户端永远无法更改它。

如何在我的 NextJS 应用程序中应用该地图,但不将其他资源拖放到客户端?

PS:这里没有“next-i18next”标签(nextjs 有 2 个)。

0 投票
1 回答
101 浏览

javascript - 我应该如何处理 Next js 中的新版本?

我是 javascript 世界的新手。有时让我害怕的一件事是频繁变化的库/框架。一个月前开始学习Next js,当时最新的版本是9.2。几天后,他们发布了 9.3,对文档进行了很多更改。(例如“getInitialProps”->“getServerSideProps”)。

我想使用“next-i18next”进行国际化。如果您看到它的文档,则没有“getServerSideProps”。

在这个频繁变化的 JavaScript 世界中,最好的方法是什么?

您可以看到Next js 文档没有特定旧版本(例如 9.1)的文档。

我们如何在这个生态系统中生存?

假设我现在使用 Next js 9.3 启动一个项目。一个月后,我应该如何找到 9.3 版的特定文档?

0 投票
1 回答
723 浏览

javascript - 使用 nextjs 和 next-i18next 在服务器端的非页面组件中获取当前语言

我有一个 nextjs 应用程序,它使用next-i18next库进行国际化。我无法找到一种方法来在不是 page的组件中获取服务器端的当前语言。

当前语言可以在服务器端从传递给getInitialProps的请求对象中检索,但 getInitialProps 仅适用于页面。一种解决方案是获取页面组件中的语言并通过道具将其发送到我的组件,但我觉得它不是很漂亮。

还有另一种方法吗?

0 投票
2 回答
274 浏览

localization - 使用 next-i18next 库更改语言时有 CORS

我在使用 i18n.changeLanguage 函数更改语言时遇到了 cors。我有两个具有 onClick 方法的按钮并调用名为 changeLang 的自定义函数。在该函数中,我正在调用 i18n.changeLanguage 函数并将其传递给 lng 参数。

在此处输入图像描述

我的 i18n 配置就是这样。

0 投票
0 回答
652 浏览

reactjs - next-i18next 重新加载页面似乎破坏了语言。动态键?

我已经按照教程.. 这是我的 app.js 和我的 index.js

索引.js

_app.js

然后我有一个菜单组件,它加载具有不同菜单的设置页面。

我不知道如何使其动态更改,因为此菜单仅在加载页面 ( location.reload()) 上重新呈现。

然后在我的一个表单设置中,我有语言选择器。

因此,当我更改语言时,页面的每个标签都会更改为正确的语言(只有与 Menu 相关的标签不会更改(因为它有重新加载菜单的问题))。

因此,如果我尝试用语言更改重新加载页面,我不知道为什么,但页面会使用默认语言重新呈现。可能有一些我不完全理解的初始道具或其他选项......

所以我正在努力解决两个问题:

  1. 如何更好地设计菜单以随着语言的变化而变化。我考虑动态语言键..例如。

    但这是可能的??

    我的意思是使用外部道具?

  2. 重新加载窗口时页面切换到默认语言

0 投票
0 回答
1371 浏览

javascript - 未找到带有 i18next 模块的下一个 js 问题

我有一个使用 i18next 的 nextjs 类型脚本应用程序。

我的 i18n 文件在打字稿中

项目的构建是成功的,但是当我不得不运行它时它说它无法加载打字稿中的 i18n 模块什么是解决这个问题

我的 i18n.tsx

我的 package.json 脚本

构建 dist/index.js 文件

我无法运行服务器,因为它说找不到文件 i18n,对此的解决方案应该是什么任何帮助都会很棒。

0 投票
1 回答
1391 浏览

node.js - 下一个反应构建失败并出现错误错误:“/app/node_modules/i18next-http-middleware”的包导出未定义有效的“./cjs”目标

当我运行 build server.js 时发生错误,我添加了负责此代码的文件,请让我知道我需要添加我的代码的更多详细信息

应用 # npm 运行服务器:开发

合作伙伴门户@0.1.0 服务器:dev /app 节点 .build/server

内部/模块/cjs/loader.js:548 抛出 e;^


我的 package.json 文件


服务器.ts

和 i18n.ts

这是我在 docker env 中的项目根目录中的节点包列表的输出

0 投票
1 回答
198 浏览

next.js - 使用 next.js 进行参数化动态导入

我正在尝试将使用 globalize npm 包生成的格式化程序集成到基于 next.js 的应用程序中。格式化程序存储在特定于语言环境的文件中。想法是根据当前语言环境动态导入特定于语言环境的格式化程序。当前的语言环境信息可通过页面的 getInitialProps 方法中的 next-i18next 集成获得,但由于格式化程序包含在 getInitialProps 中导入格式化程序并将它们与初始道具一起传递的函数,因此不起作用。

实现所需行为的任​​何潜在解决方法是什么?

0 投票
1 回答
132 浏览

i18next - next-i18next 有错误撇号显示为'

我正在使用 next-i18next。我有一个错误 撇号显示为' 如何修复它?