1

Actualmente vengo siguiente el curso de Next.js en Youtube del canal "Dave Gray"(lista de reproducción: Next.js Tutorial for Beginners), en el cuarto video que trata sobre "SSG, SSR & ISR" muestra como utilizar la función notFound de Next.js (import {notFound} from "next/navigation") para mostrar un mensaje personalizado sobre aquellas rutas que no existen en una aplicación.

Resulta que, en cierta parte de la implementación de dicha función, obtengo un error como el que se muestra en la imagen:

introducir la descripción de la imagen aquí

Entonces, ese es el problema en cuestión que quiero solucionar, tener en cuenta que en el video tutorial este error no se presenta, algo estoy haciendo mal?

Lista de reproducción: Next.js for Beginners

Repositorio del curso: Github repo

Cabe resaltar que, estoy utilizando exactamente los mismos archivos con su contenido en un nuevo proyecto de Next.js, ya que en el repositorio no viene incluida la carpeta "node_modules". Entonces, es exactamente el mismo contenido que el del video, pero pues obtengo el error mencionado.

Para tener el contexto completo sobre el problema, recomiendo clonar el repositorio e ir hacia la carpeta "next04" , y también ver el video en cuestión.

Finalmente, agradezco que puedan tomarse el tiempo de responder, gracias.

1
  • 1
    Por favor, aclara tu problema específico o proporciona detalles adicionales para resaltar exactamente lo que necesitas. Tal como está escrito, es difícil saber exactamente qué estás preguntando.
    – Comunidad Bot
    Commented el 10 jul. 2023 a las 19:22

1 respuesta 1

0

veo varias cosas extrañas. En primer lugar que la función userData no la estás ejecutando como tal. Deberías ser:

const user: User = await userData()

Y lo otro es que podría ser que como el usuario no existe entonces no encuentra la propiedad name. En este caso podés usar optional chaining para segurarte que vas a comprobar que exista un usuario antes de comprobar que exista su nombre.

En todo caso podés hacer simplemente if (!user) return notFound() en el caso en que tu función userData retorne null o undefined si el usuario no existe. Si tu función retorna otra cosa cuando no encuentra un usuario deberás manejarlo con respecto al valor que retorne esa función.

En todo caso, la página not-found no se va a mostrar porque lo que estás retornando es un objeto.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.