Localización incorrecta obtenida desde la URL

Descripción del problema

Al intentar acceder al parámetro de localización desde la URL, podrías encontrar un problema donde el valor de la localización es incorrecto:

const { locale } = await params;console.log(locale); // devuelve "about" en lugar de la localización esperada

Solución

1. Verificar la estructura de archivos

Asegúrate de que la ruta del enrutador de tu aplicación Next.js siga esta estructura:

src/app/[locale]/about/page.tsx

2. Verificar la configuración del Middleware

El problema suele ocurrir cuando el middleware no está presente o no se activa. El archivo del middleware debe estar ubicado en:

src/middleware.ts

Este middleware es responsable de reescribir las rutas cuando prefixDefault está configurado como false. Por ejemplo, reescribe /en/about a /about.

3. Patrones de URL según la configuración

Configuración predeterminada (prefixDefault: false, noPrefix: false)

• Inglés: /about
• Francés: /fr/about
• Español: /es/about

Con prefixDefault: true

• Inglés: /en/about
• Francés: /fr/about
• Español: /es/about

Con noPrefix: true

• Inglés: /about
• Francés: /about
• Español: /about

src/app/[locale]/about/page.tsx

#### Con `prefixDefault: true`- Inglés: `/en/about`- Francés: `/fr/about`- Español: `/es/about`#### Con `noPrefix: true`- Inglés: `/about`- Francés: `/about`- Español: `/about`Para más detalles sobre estas opciones de configuración, consulte la [Documentación de Configuración](/es/doc/concept/configuration).