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

next.js - 赛普拉斯中的下一个生产包找不到静态文件

我正在使用next-i18next我的翻译。目录里面<rootDir>/public是我的翻译 *.json 文件。

运行我的生产包时,我的赛普拉斯测试失败,因为找不到完整的文本字符串。它只显示翻译键的值:t('someKey')

next-i18next.config.js 文件:

next.config.js 文件:

_app.js:

有错误的页面(不仅限于这一页)

使用的命令:

运行 yarn dev 工作正常,如图所示: 在此处输入图像描述

运行yarn build && yarn start && yarn cypress.test将输出: 在此处输入图像描述

如果我尝试在我的本地机器上复制失败,yarn build翻译就可以了。

从关于静态文件服务的nextJS 文档:

注意:只有在构建时位于公共目录中的资产才会由 Next.js 提供服务。在运行时添加的文件将不可用。我们建议使用 AWS S3 等第三方服务来进行持久文件存储。

似乎 serverSideTranslations 函数可能被视为运行时 - 因为我的页面在与动态路径 URL 相关时不是预先构建的。

请在 serverSideTranslations 考虑运行时与构建时提供建议?

0 投票
0 回答
560 浏览

reactjs - next-18next 与最新的 nextjs 集成时出错:在没有 next-i18next 配置的情况下调用了 appWithTranslation

我正在将今天的应用程序升级到最新的 nextjs 版本(10.0.9)。

为了移动翻译,我使用了next-i18next库及其来自 Github 的简单示例。

但是,在我的应用程序中,我总是会收到下一个错误: 在此处输入图像描述

在 next-i18next lib 的调试器上,我发现未提供 i18n 配置时引发的此错误。

在我的应用程序配置中看起来像:

nextjs.config.jsnextjs.config.js

下一个 i18next.config.js 在此处输入图像描述

_app.js

index.js

看起来我的应用程序与这里的简单示例具有相同的配置,但抛出了这个奇怪的异常。有人得到了一些东西,可以帮助解决它

0 投票
6 回答
4458 浏览

next.js - Next-i18next 初始语言环境参数未传递到 serverSideTranslations

它在本地工作。但是,一旦我将它部署在 firebase 上,它会产生 nextServer 500 内部错误。

next-i18下一个版本

8.1.3

配置

代码

_app.tsx

关于 serverSideRendering 的代码片段

0 投票
0 回答
45 浏览

reactjs - 更改区域设置导致 onScroll 导航重置

我有一个在滚动时会改变其背景颜色的标题。但是,如果我在页面中间更改语言环境,它会将我的背景颜色重置为默认值。如何防止它被重新渲染?

我的应用是用 NextJs 构建的,并使用 next-i18next 进行国际化路由

0 投票
1 回答
1019 浏览

reactjs - NextJs 应用程序与 next-i18next TypeError: NextI18Next 不是构造函数

我正在使用 next.JS 和包 next-i18next 构建一个多语言网站。我正在将项目从 i18next 移动到 next-i18next

准备就绪 - 在 0.0.0.0:3000 上启动服务器,网址:http://localhost:3000

仍然收到以下错误,有人可以帮忙吗?

TypeError: NextI18Next 不是构造函数

in18.js

next.config.js

_app.js

index.js

0 投票
0 回答
1545 浏览

reactjs - Next JS i18Next 构建 serverSideTranslations 错误

我正在尝试构建我的 react NEXT JS 应用程序,但是在我运行之后

npm 运行构建

我收到此错误:

我尝试从landing/index.tsx 中的getStaticProps 函数中删除serverSideTranslations 方法

看起来像这样

在我在 serverSideTranslations 中注释代码后,应用程序可以正确构建。

我还有另一个页面,它同时包含 getStaticPaths 和 getStaticProps,但它工作正常,没有错误。

我是 react 和下一个 js 开发的新手,所以也许我遗漏了一些东西,但它看起来像是一种奇怪的行为。

如果我运行代码有效

npm 运行开发

0 投票
0 回答
242 浏览

next.js - 具有动态 id 和查询参数的 next-i18next 翻译

我有这个页面,我在表格中显示数据,每行都有一个编辑按钮,可以让我编辑可以编辑数据的表单。但是当前显示的页面路径是这样的http://localhost:3000/sales-orders/edit/f8ce0230-8bcd-4b4a-a258-08fe87d26085?name=。名称值应该显示在那里,但它没有显示出来,我猜这是错误使用getStaticPaths. 但是,我不确定如何在内部提供路径数组的动态值,我需要name这方面的帮助。是我为实现这一点而遵循的链接。idparamsgetStaticPaths

这是我用于编辑页面的 index.js 文件代码

0 投票
1 回答
901 浏览

next.js - Nextjs 动态路由与 next-i18next 构建错误

我有一个将使用 id 参数呈现的编辑页面,它在应用程序运行时工作正常,但在构建 nextjs 应用程序时出现此错误

[错误:ENOENT:没有这样的文件或目录,重命名 'C:\Users\Ahsan Nisar\Documents\GitHub\customer-portal\frontend.next\export\en\companies\edit[id].html' -> 'C :\Users\Ahsan Nisar\Documents\GitHub\customer-portal\frontend.next\server\pages\en\companies\edit[id].html']

这里完整的错误

我不确定这个错误与什么有关,或者我在代码中犯了什么错误,这个错误是在构建期间发生的。

这是我页面的代码

0 投票
0 回答
129 浏览

javascript - Nextjs 动态路由器使用 ```next-i18next``` 翻译参数

有没有办法在使用时翻译参数getStaticPaths

您应该使用翻译生成所有路径,还是有办法在使用时只翻译参数router.push({ pathname, query }, asPath, { locale: nextLocale })

例如,如果我在 getStaticPaths 作为 paths: { params: { color: 'white', size: "big" }},这会导致/dogs/white/big,当切换DE到 have/dogs/weiss/gross而不添加路径数组{ params: { color: "weiss", size: "gross" }, locale: "DE" }

0 投票
1 回答
588 浏览

javascript - Next-i18next 即时翻译

有没有办法在next-i18next不改变语言环境的情况下使用库翻译一些东西router.push

我有 3 个语言环境:['en', 'de', 'fr'],默认为de. 当我试图做类似的事情时:

虽然我当前的语言环境是de,但它返回de翻译版本,而不是fr.