Vite React 应用在渲染上部署成功但返回 HTTP ERROR 502

Question

问题：

我创建了一个 Vite React 应用程序，可以在我的本地计算机上完美运行。然而，当我在Render上部署Vite项目时，遇到了问题。详情如下：

部署流程：

部署过程完成，没有任何错误。 日志显示构建成功并且服务已上线。

部署日志：

Deploying...
==> Build uploaded in 8s
==> Build successful 🎉
==> Using Node version 20.12.2 (default)
==> Docs on specifying a Node version: https://render.com/docs/node-version
==> Using Bun version 1.1.0 (default)
==> Docs on specifying a bun version: https://render.com/docs/bun-version
==> Running 'npm run dev'

问题：

• 尽管日志表明该服务处于活动状态，但当我尝试打开链接时，我收到以下错误消息：

This page isn’t working
assessmentwebsite-user1.onrender.com is currently unable to handle this request.
HTTP ERROR 502

• 渲染日志提供以下错误详细信息：

Error: The service was stopped
    at /opt/render/project/src/node_modules/vite/node_modules/esbuild/lib/main.js:1111:28
    at responseCallbacks.<computed> (/opt/render/project/src/node_modules/vite/node_modules/esbuild/lib/main.js:704:9)
    at Socket.afterClose (/opt/render/project/src/node_modules/vite/node_modules/esbuild/lib/main.js:694:28)
    at Socket.emit (node:events:530:35)
    at endReadableNT (node:internal/streams/readable:1696:12)
    at process.processTicksAndRejections (node:internal/process/task_queues:82:21)

**采取的步骤： **

1. 我使用 npm run dev 验证了该应用程序在我的本地计算机上正确运行。
2. 我确保在渲染上正确设置所有环境变量。

请求帮助：

如果您能提供有关解决此问题的指导，我将不胜感激。具体来说，我正在寻找：

• 渲染时出现 HTTP ERROR 502 的可能原因。
• 排查和修复与 Vite 构建或部署过程相关的问题的步骤。

感谢您的协助！

Answer 1

我也遇到同样的问题，请问你解决了吗？