next-i18next 无法找到用户配置

Question

我试图将翻译添加到我的应用程序中，但我陷入了这个错误：

error - Error: next-i18next was unable to find a user config
    at _callee$ (/media/coyas/47B492C22544E4BA/TERRA_SYSTEM/software_center/iMedia/ZebraGroupe/zebraTravel/zebraTravelWebUI/node_modules/next-i18next/dist/commonjs/serverSideTranslations.js:196:19)
    at tryCatch (/media/coyas/47B492C22544E4BA/TERRA_SYSTEM/software_center/iMedia/ZebraGroupe/zebraTravel/zebraTravelWebUI/node_modules/regenerator-runtime/runtime.js:63:40)
    at Generator.invoke [as _invoke] (/media/coyas/47B492C22544E4BA/TERRA_SYSTEM/software_center/iMedia/ZebraGroupe/zebraTravel/zebraTravelWebUI/node_modules/regenerator-runtime/runtime.js:294:22)
    at Generator.next (/media/coyas/47B492C22544E4BA/TERRA_SYSTEM/software_center/iMedia/ZebraGroupe/zebraTravel/zebraTravelWebUI/node_modules/regenerator-runtime/runtime.js:119:21)
    at asyncGeneratorStep (/media/coyas/47B492C22544E4BA/TERRA_SYSTEM/software_center/iMedia/ZebraGroupe/zebraTravel/zebraTravelWebUI/node_modules/@babel/runtime/helpers/asyncToGenerator.js:3:24)
    at _next (/media/coyas/47B492C22544E4BA/TERRA_SYSTEM/software_center/iMedia/ZebraGroupe/zebraTravel/zebraTravelWebUI/node_modules/@babel/runtime/helpers/asyncToGenerator.js:25:9)
    at /media/coyas/47B492C22544E4BA/TERRA_SYSTEM/software_center/iMedia/ZebraGroupe/zebraTravel/zebraTravelWebUI/node_modules/@babel/runtime/helpers/asyncToGenerator.js:32:7
    at new Promise (<anonymous>)
    at /media/coyas/47B492C22544E4BA/TERRA_SYSTEM/software_center/iMedia/ZebraGroupe/zebraTravel/zebraTravelWebUI/node_modules/@babel/runtime/helpers/asyncToGenerator.js:21:12
    at serverSideTranslations (/media/coyas/47B492C22544E4BA/TERRA_SYSTEM/software_center/iMedia/ZebraGroupe/zebraTravel/zebraTravelWebUI/node_modules/next-i18next/dist/commonjs/serverSideTranslations.js:259:17) {
  page: '/'
}

我还没有找到解决办法。

i18n.config.js

const path = require("path");

module.exports = {
    i18n: {
        locales: ["en", "fr", "pt"],
        defaultLocale: "pt"
    }
};

next.config.js

require("dotenv").config();
const { i18n } = require("./i18n.config");

module.exports = {
    env: {
        API_BASE_URL: process.env.API_BASE_URL,
        SiteKey: process.env.SiteKey,
        SecretKey: process.env.SecretKey
    },
    i18n
};

除了某些组件和页面之外，我几乎在每个页面上都使用 serverSideTranslations。[id]。

前任。在index.js上

import { serverSideTranslations } from "next-i18next/serverSideTranslations";
import { useTranslation } from "next-i18next";

const Home = ({ expe }) => {
    //const islang = i18n.isInitialized;
    const { t } = useTranslation("common");
...
...
...
export const getStaticProps = async ({ locale }) => {
    //const obj = { namespacesRequired: ["common", "footer", "navbar"] };
    const res = await getExperiencias(2); //limite = 2
    const exp = await res.json();

    return {
        props: {
            ...(await serverSideTranslations(locale, [
                "common",
                "footer",
                "navbar"
            ])),
            expe: exp
        } // will be passed to the page component as props
    };
};

export default Home;

这是 github 分支的链接： https://github.com/Coyas/zebraTravelWebUI/tree/develupdate

链接到 i18n-next： https ://github.com/isaachinman/next-i18next