Estamos creando una landing page, con nextjs vr:10.0.9 y react vr: 17.0.1. tengo mis rutas tal cual especifican en la documentación oficial de nextjs https://nextjs.org/docs/api-reference/next/link, el problema es cuando recargo una pagina cual quiera, me sale este error, de momento para evitar eso estamos redirigiendo a la pagina del home. no estamos consumiendo ninguna api por ahora.
Ya hemos intentado con otras herramientas de ruteo, revisado configuración, configuración de next.config
y hasta el momento ninguna a funcionado. El mismo problema resulta tanto en el entorno de prueba como en el de producción.
Adjunto capturas del problema:
Acudo a uds. comunidad para que por favor nos ayuden a encontrar la solución.
Adjunto código de lo que estamos haciendo
const itemsMenu = [
{ name: Lang.labelHowItWorks, ref: "/howItWorks" },
{ name: Lang.labelTestimonials, ref: "/Testimonials" },
{ name: Lang.labelAboutUs, ref: "/aboutUs" },
{ name: Lang.labelContactUs, ref: "/ContactUs" },
];
<Link key={LinkIndex} href={item.ref}>
<a
className="flex flex-col mt-2 mx-14 hover:text-gray-800 font-semibold text-gray-400"
onClick={onClose}
>
{item.name}
</a>
</Link>
Gracias de antemano.
onClose
que está dentro del métodoonClick
? Y otra cosa, ¿seguro que todos los nombres de las rutas son exactamente iguales a los nombres de tus archivos que están guardados en la carpetapages
de tu proyecto?