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
PORTa tu proyecto. Aquí están los pasos:package.jsony 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 estableciendoPORTen 3000.package.jsony reinicia el proyecto.Aquí está el proyecto de Codesandbox actualizado con la variable de entorno
PORTañadida:https://codesandbox.io/s/remult-react-todo-4ztjw-forked-8c0um?file=/package.json:217-255