0
1.1K
Vistaserror interno del servidor 500 que ocurre después de implementar después de usar getServerSideProps next: js
Estoy tratando de volver a implementar mi sitio web en Vercel. Agregué getServerSideProps en mi sitio web. Después de eso, recibo el siguiente error. No sé qué significa esto y qué debo hacer para solucionarlo. en localhost el programa funciona perfectamente 
este es el getServerSideProps que agregué a mi index.js
export async function getServerSideProps() { // Fetch data from external API const res = await fetch(`https://ask-over.herokuapp.com/questapi`); const data = await res.json(); // console.log(data); // Pass data to the page via props return { props: { data } }; } 
si el código que proporcioné no es suficiente github.com/vivekkn91/wixten.git aquí está la nota del repositorio de git de que el sitio web no tiene ningún problema en localhost
su problema ocurrió después de que agregué getServerSideProps en mi index.js y también descubrí que mis páginas internas no tienen problemas, funcionan perfectamente
Me cansé de implementar en netlify también. la página de destino de inicio me está dando esta página, pero las páginas internas funcionan bien, ya no estoy usando firebase, por lo que está bien eliminar todos los códigos basados en firebase
estoy agregando la página de github para su referencia, siéntase libre de clonar el código https://github.com/vivekkn91/wixten
3 Respuestas
Responde la pregunta0
Veo dos problemas potenciales por los que esto podría estar sucediendo.
- Por alguna razón, su aplicación (prob. Vercel) necesita que especifique el punto de entrada principal para su aplicación. Llegué a esta posible conclusión en base a sus mensajes de error. Debe ir a su archivo package.json en la raíz y agregar algo como esto al comienzo del archivo y luego volver a implementar.
{ "name": "app-name", "version": "1.0.0", "description": "...", "main": "index.js", <------------------ this "scripts": { "dev": "next", "build": "next build", "start": "next start" }, ... rest of contentEl otro problema podría ser que haya enviado accidentalmente la carpeta node_modules de la carpeta raíz de su aplicación al repositorio de Git o al servidor Vercel de su proyecto. Deberías comprobar si ese es el caso.
Puede haber un problema con sus "scripts" en package.json, pero no he usado Vercel específicamente, por lo que es difícil para mí decirlo.
Si tiene la CLI de Vercel instalada en su aplicación... Puede usar el comando $vercel dev para replicar el entorno de implementación de Vercel localmente, lo que le permite probar sus funciones sin servidor, sin necesidad de implementar cada vez que se realiza un cambio.
0
Entonces, rápidamente bifurqué su repositorio para verificar si el sitio funciona localmente y lo está.
Por lo tanto, obviamente, el problema es cómo se implementa el sitio web en producción en Vercel. Probar el repositorio en Vercel es un pedido demasiado grande para mí, por lo que solo puedo dar pistas sobre lo que veo en las páginas de error, etc.
Por lo tanto, lo que sugeriría es instalar VercelCLI ejecutando el siguiente comando de terminal si tiene npm:
$ npm i vercel -go el siguiente sería mejor ya que solo lo está usando para fines de desarrollo; no es necesario instalar el paquete globalmente con -g
$ npm i vercel --save-devUna vez instalado, inicie sesión con el comando de inicio de sesión de vercel y proporcione su dirección de correo electrónico, que utiliza para Vercel.
$ vercel login me@example.comUna vez que haya iniciado sesión, puede ejecutar el comando vercel dev para replicar el entorno de implementación de Vercel localmente, lo que le permite probar sus funciones sin servidor, sin necesidad de implementar cada vez que se realiza un cambio.
$ vercel devEsto no solucionará el problema en sí, pero será más fácil que volver a implementar constantemente la aplicación después de cada cambio de código.
Entonces, qué hacer a continuación, dado que no voy a probar el código en Vercel, solo puedo darle otras sugerencias, según los mensajes de error que ha proporcionado.
- Cuando ejecuté el repositorio localmente, recibí un error en la terminal que indicaba que el sitio web tenía un problema con la función de mapa y la ruta /qeustion. Por lo tanto, debe verificar esta URL: https://nextjs.org/docs/messages/prerender-error .
- Cuando estaba implementando aplicaciones React.js en Digital Cload, siempre tenía que indicar los motores que usaba mi aplicación. Tal vez tenga que hacer algo similar para Vercel ya que una de las imágenes del código de error está hablando del hecho de que no puede encontrar /servidor/siguiente:
"name": "wixten", "private": true, "main": "index.js", "engines": { "node": "8.11.x", "npm": "~1.0.20" },0
¿Puede verificar su código para ver si ha import next from 'next' en alguna parte de su código (componente/páginas/etc)? Si lo hace, intente eliminar esto de su código y vea si esto soluciona su problema.