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

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.

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

2. 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.

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')
      },

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 :)

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á.

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í )

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!

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.

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.