时间戳

首页 > 解决方案 > 如何在 next.config.js 文件中将 withPlugins 与国际化配置相结合

internationalization - 如何在 next.config.js 文件中将 withPlugins 与国际化配置相结合

问题描述

我的 next.config.js 中有以下代码

const withPlugins = require('next-compose-plugins');
const optimizedImages = require('next-optimized-images');

module.exports = withPlugins([optimizedImages], { target: 'serverless' });

现在我需要将以下配置添加到文件中，并结合插件

i18n: {
    locales: ["en", "es"],
    defaultLocale: "en",
  },

我尝试了以下方法，

const nextConfig = {
  i18n: {
    locales: ["en", "es"],
    defaultLocale: "en",
  },
};

module.exports = withPlugins([
[optimizedImages, {
    target: 'serverless'
    },
  ],
nextConfig,
])

并重新启动服务器，但我没有成功......

标签： internationalizationnext.jsmodule.exports

解决方案

您使用的是哪个版本的 Next.JS？我遇到了同样的问题，通过更新到 +10.0.0 解决了这个问题。

您可以在 Next 上的 i18n 文档中看到这是最低版本。

Next.js 从 v10.0.0 开始就内置了对国际化 (i18n) 路由的支持。您可以提供语言环境列表、默认语言环境和特定于域的语言环境，Next.js 将自动处理路由。

更多信息：https ://nextjs.org/docs/advanced-features/i18n-routing

推荐阅读