Estoy usando la plataforma Vercel para desarrollar una aplicación NodeJS con dos carpetas separadas: frontend (aplicación NextJS v12) y backend (NodeJS personalizado con Express). Configuré un ejemplo mínimo, pero después de actualizar a NextJS v12, la recarga en caliente dejó de funcionar.
He visto que se debe al nuevo uso de websockets para HMR en NextJS v12. Pero no encontró ninguna respuesta.
Este es mi archivo vercel.json:
"version": 2, "builds": [ { "src": "/backend/index.js", "use": "@now/node" }, { "src": "/frontend/package.json", "use": "@now/next" } ], "rewrites": [ { "source": "/backend/(.*)", "destination": "/backend/index.js" }, { "source": "/(.*)", "destination": "/frontend/$1" } ] } y este es el error: WebSocket connection to 'ws://localhost:3000/_next/webpack-hmr' failed
¿Tienes alguna idea de qué hacer con él? Este es un problema relacionado en NextJS GitHub: https://github.com/vercel/next.js/issues/30491 , pero nadie menciona este problema relacionado con el archivo de configuración de Vercel. Gracias.