Я сталкиваюсь с проблемой 404 при попытке получить доступ к любой странице моего приложения Next.js.
Приложение работает нормально, когда не указан localeSubpaths
config.
После реализации конфигурации localeSubpaths
(next.config.js):
const localeSubpaths = {
en: "en",
"de-DE": "de-DE",
fr: "fr"
};
приложение больше не работает.
Каждый раз, когда я пытаюсь получить доступ к основному корневому каталогу /
или к любой из страниц локали fr
, браузер de-DE
отображает страницу ошибки 404 (настраиваемая страница ошибок Next.js). Эта страница содержит переведенный контент, который отлично работает.
Страница также содержит ссылку на /
домашнюю страницу. Когда я перехожу на главную страницу, щелкая ссылку - ›Домашняя страница загружается правильно (включая связанные переводы)
i18n.tsx
конфигурационный файл:
import NextI18Next from "next-i18next";
import getConfig from "next/config";
import path from "path";
const { publicRuntimeConfig } = getConfig();
const { localeSubpaths } = publicRuntimeConfig;
const NextI18NextInstance = new NextI18Next({
defaultLanguage: "en",
ns: ["common"],
defaultNS: "common",
otherLanguages: ["de-DE", "de-CH", "fr"],
strictMode: false,
localeSubpaths,
localePath: path.resolve("./public/static/locales")
});
export default NextI18NextInstance;
const {
appWithTranslation,
i18n,
Link,
withTranslation,
Router
} = NextI18NextInstance;
export { appWithTranslation, i18n, Link, withTranslation, Router };