i18n 翻译库在 nextJS 中的某些页面中不起作用

Question

我正在使用 i18n 库和 NextJS 来应用我的 Web 应用程序的国际化。它适用于除一个 /page/[id].js 文件之外的所有页面。它只在那里使用默认语言。但是，我还有另一个页面 /sorted/[id].js。而且没有任何问题。

这是我的 _app.js 文件：

import "../styles/globals.css";
function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />;
}
export default MyApp;

这个 i18n.json 文件：

{
    "locales": ["en", "ru", "uz"],
    "defaultLocale": "en",
    "pages": {
      "*": ["common"]
    }
}

这是 next.config.js 文件

const nextTranslate = require("next-translate");

module.exports = nextTranslate();

最后这就是我在 /page/[id].js 文件中使用翻译的方式

import React from "react";
import useTranslation from "next-translate/useTranslation";

const Post = (props) => {
  const { t, lang } = useTranslation("common");
  return(
    <p>{t("Recommendations for you")}</p>
  )
}

export default Post;