Reaccionar aplicación atascada en "Iniciar el servidor de desarrollo"

15

Tengo una aplicación de reacción creada por create-react-app. Después de ejecutar npm start (el script de inicio está presente en package.json como "start": "react-scripts start") la consola dice Iniciando el servidor de desarrollo como de costumbre y activa el navegador. Pero después de esto, tanto la consola como el navegador no hacen absolutamente nada indefinidamente. Sin error o salida. Simplemente no hace nada.

Kenneth-rebello
fuente
Extraño. ¿Es cada vez que creas un nuevo proyecto usando create-react-app?
Nikhil Goyal el
puede compartir la captura de pantalla del terminal, verificar si alguna aplicación se está ejecutando en el puerto 3000, puede ser ese el problema (¡adivina!), en el terminal se le pedirá que presione sí o no para abrir la aplicación en otro puerto
DILEEP THOMAS el
Por favor comparta la captura de pantalla de error
Ronak Khangaonkar
Sí, cada vez que inicio la aplicación, se inicia en un nuevo puerto. Esto sucede porque una aplicación Node se ejecuta en el puerto en el que la ejecuté. Dejo de usar CTRL + C, que la cierra en el terminal, pero el administrador de tareas muestra que los procesos aún se están ejecutando. Intenté matar estos procesos desde el administrador de tareas y desde la terminal usando taskkill, pero ambos fallaron. Este último da error al decir "No hay una instancia en ejecución de este proceso". Iniciar la aplicación nuevamente me indica que use un puerto diferente (3000, 3001, 3002, etc.) al que respondí que sí, pero nuevamente me detengo en el "Inicio del servidor de desarrollo"
kenneth-rebello
Compartiría capturas de pantalla, pero literalmente no hay nada que mostrar. El terminal no se desplazará hacia arriba desde "Iniciar el servidor de desarrollo" y el navegador solo seguirá cargándose indefinidamente.
kenneth-rebello

Respuestas:

2

Verifique estos puntos de remolque

  1. Ejecute el comando de instalación npm antes de iniciar el servidor.

Entonces tampoco se está ejecutando, intente con el segundo comando

  1. Elimine los módulos de nodo y ejecute npm install nuevamente.

Si estos dos puntos no funcionaron, proporcione la captura de pantalla para un análisis más detallado.

Jerrin stephen
fuente
Probé ambos métodos y ambos fallaron, lo que me llevó aquí :( Otro punto a tener en cuenta es que el paquete contenía pocas dependencias que tenían vulnerabilidades. ¿Podría ser esta la razón? La "instalación npm" también se bloquea a veces, pero después de intentarlo varias veces funciona eventualmente. Los puntos de bloqueo habituales son "sill install executeActions" y "postinstall: verb lock using <path to npm cache>"
kenneth-rebello
@ kenneth-rebello proporciona las capturas de pantalla mientras ejecuta el comentario de inicio de NPM. Si crea una aplicación usando create-react-app, los paquetes instalados por este comando no tendrán ninguna vulnerabilidad. ¿Intentaste instalar algún paquete?
Jerrin Stephen el
Teniendo el mismo problema y probé esto en un nuevo clon y todavía no tuve suerte.
Simon Long
También noté que npm build también se cuelga. Esto sugeriría que la compilación es el problema. Sin embargo, no veo nada en la consola ni en los registros de npm. No sé a dónde ir desde aquí sin nada para seguir.
Simon Long
0

Finalmente resolvió esto. Para mí, el problema radica en la configuración de mi paquete web. Tenía un alias de paquete web cuyo nombre de alias era el mismo que el de mi paquete npm.

es decir, My package.jsontenía lo siguiente en la parte superior.

"name": "@mycompany/react-common-components"

Dentro de mi webpack.config.jstuve

alias: {
        '@mycompany/react-common-components': path.resolve(__dirname, '../src/components')
      },

Una vez que cambié el alias del paquete web al siguiente, todo funcionó bien

alias: {
        'react-common-components': path.resolve(__dirname, '../src/components')
      },
Simon Long
fuente
0

Me pasa algo similar.

Tengo un proyecto de reacción que quiero convertir a Typecript y comencé como lo notó con la aplicación "create-react-app", agregué todos mis archivos y esperé lo mejor, pero me quedé atascado como usted en "Iniciar el servidor de desarrollo "Mensaje.

Tengo una memoria RAM de 8GB con Windows 10 y una vez que usé el "inicio npm" predeterminado por primera vez, vi que el proceso de nodo usa mucha memoria, así que traté de darle más y al mismo tiempo me cansé de cambiar el puerto reacciona usos.

  1. Se agregó esto al script de inicio en package.json:

    "scripts": { "start": "PORT=3001 react-scripts --max_old_space_size=8128 start", ... }

  2. Cerré todos mis navegadores cromados (toman bastante memoria)

  3. Y le dio alrededor de 1 minuto para correr

Después de 1 minuto, comenzó a funcionar y, a partir de ese momento, se inicia rápidamente y no usa tanta memoria y no depende del puerto que elijo.

En mi caso, supongo que la primera vez que ejecutas "npm start" en el proyecto React Typecript, probablemente indexará los archivos (o hace algo similar, no estoy seguro y probablemente necesito leer al respecto, soy nuevo en typecript ) que toman mucha memoria.

En su caso, podría ser algo similar

Espero eso ayude :)

Sharon Lifshits
fuente
0

Asegúrese de que sus dependencias package.jsonincluyan lo siguiente:

"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-scripts": "3.3.0"

Y guiones para ser:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
}

Una vez que se asegure de eso, puede seguir los siguientes pasos:

1. npm install
2. npm run build
3. npm start

La esperanza te servirá.

Muhammad Zeeshan
fuente
0

Creo que puede tener algunos problemas con Node y npm. Recomendaría verificar primero las versiones: necesitará tener Nodo> = 8.10 y npm> = 5.6 en su máquina, y actualizar si es necesario. Merecería la pena intentar reinstalar el nodo.

El registro en los registros de nodos podría proporcionar algunas pistas sobre su problema (más información sobre cómo iniciar sesión aquí )

Dan Ovidiu Boncut
fuente
0

También estaba teniendo el mismo problema. Intente instalar una versión anterior de react-scripts.

npm install react-scripts@2.1.8

¡Espero que esto ayude!

Tayyab Ferozi
fuente
0

tuve el mismo problema, tuve que construirlo primero

npm build entonces npm start

Estaba ejecutando react en mi Mac y tuve que dar permiso para que el terminal interactuara con Chrome antes de que funcionara.

Bluephlame
fuente
0

Para mí el problema era que tenía .css archivos.

Cambié el nombre de mis archivos CSS a .scss y funciona.

Por alguna razón, create-react-app se ahoga en archivos CSS para mí.

Extraño.

Oliver Watkins
fuente