我在 Nextjs (v10.1.3) /my-translation/[id]中有一个动态路由页面,我想使用 next-i18next (v8.1.3) 包来翻译此页面。
我尝试在 Nextjs 中使用 2 个文件夹结构,它们都给出了我无法理解的相同错误。
但是,如果我将动态路由更改为静态路由,则转换会起作用。
工作文件夹结构示例:
import { serverSideTranslations } from "next-i18next/serverSideTranslations";
import { useRouter } from "next/router";
import { useTranslation } from "next-i18next";
const TranslatedPage = () => {
const { t } = useTranslation("my-translation");
const router = useRouter();
const { id } = router.query;
return (
<div>
{t("existing-translation-key-from-my-translation-json")}
</div>
);
};
export const getStaticProps = async ({ locale }) => ({
props: {
fallback: true,
paths: …Run Code Online (Sandbox Code Playgroud)