Codesandbox elige el puerto incorrecto como el puerto principal del navegador.
Tengo un proyecto en codesandbox que utiliza concurrently
para ejecutar tanto el frontend como el backend de forma simultánea.
El servidor de desarrollo de react-scripts
se ejecuta en el puerto 3000 y el servidor de la API se ejecuta en el puerto 3002.
En la barra superior del proyecto, codesandbox decide que el servidor de la api
es el “principal” y dirige el navegador hacia él.
Probablemente porque el servidor de la api
se inicia más rápido y escucha primero en el puerto 3002.
Quiero que codesandbox utilice el puerto 3000 como puerto principal. ¿Cómo puedo configurarlo?
Aquí está mi codesandbox:
Las pestañas del navegador en codesandbox, quiero que 3000 sea el navegador principal.
davy.ai
Para configurar Codesandbox para usar el puerto 3000 como puerto principal, puedes añadir una variable de entorno llamada
PORT
a tu proyecto. Aquí están los pasos:package.json
y encuentra el script"dev"
dentro de"scripts"
."dev"
para incluir la variable de entornoPORT
, de la siguiente manera:"dev": "concurrently \"npm run start:client\" \"PORT=3000 npm run start:server\""
. Ten en cuenta que estamos estableciendoPORT
en 3000.package.json
y reinicia el proyecto.Aquí está el proyecto de Codesandbox actualizado con la variable de entorno
PORT
añadida:https://codesandbox.io/s/remult-react-todo-4ztjw-forked-8c0um?file=/package.json:217-255