L'app React è bloccata su "Avvio del server di sviluppo"

Ho un'app di reazione creata da create-reply-app. Dopo aver eseguito npm start (lo script di avvio è presente in package.json come "start": "start-script script") la console dice Avvio del server di sviluppo come di consueto e avvia il browser. Ma dopo questo, sia la console che il browser non fanno assolutamente nulla a tempo indeterminato. Nessun errore o output. Semplicemente non fa nulla.

Controlla questo punti di rimorchio

1. Eseguire il comando npm install prima di avviare il server.

Quindi anche non è in esecuzione, si prega di provare il secondo comando

2. Rimuovere i moduli del nodo ed eseguire nuovamente npm install.

Se questi due punti non hanno funzionato, fornire lo screenshot per ulteriori analisi.

Finalmente risolto questo. Per me il problema risiedeva nella mia configurazione del webpack. Avevo un alias webpack lì dentro il cui nome alias era lo stesso del mio pacchetto npm.

cioè il mio package.jsonaveva il seguente in cima.

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

Nel mio webpack.config.jsho avuto

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

Una volta ho cambiato l'alias webpack nel seguente tutto ha funzionato bene

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

Ho qualcosa di simile che mi sta succedendo.

Ho un progetto di reazione che voglio convertire in Typescript e ho iniziato come hai notato con "create -eagire-app", ho aggiunto tutti i miei file e sperato per il meglio, ma mi sono bloccato come te sul "Avvio del server di sviluppo " Messaggio.

Ho un RAM da 8 GB con Windows 10 e una volta ho usato per impostazione predefinita "npm start" per la prima volta che ho visto che il processo del nodo utilizza molta memoria, quindi ho provato a darlo di più e allo stesso tempo mi sono stancato di cambia la porta che reagisce usa.

1. Aggiunto questo allo script iniziale in package.json:

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

2. Chiuso tutti i miei browser Chrome (occupano praticamente molta memoria)

3. E ha dato circa 1 minuto per l'esecuzione

Dopo 1 minuto ha iniziato a funzionare e da quel momento si avvia rapidamente e non utilizza più memoria e non dipende dalla porta scelta

Nel mio caso - suppongo che la prima volta che avvierai "npm start" sul progetto React Typescript probabilmente indicizzerà i file (o fa qualcosa di simile - non sono sicuro e probabilmente ho bisogno di leggerne - Sono nuovo di typescript ) che richiedono molta memoria.

Nel tuo caso - Potrebbe essere qualcosa di simile

Spero che sia d'aiuto :)

Assicurati che le tue dipendenze package.jsonincludano quanto segue:

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

E gli script devono essere:

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

Dopo esserti assicurato, puoi seguire i seguenti passi:

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

La speranza funzionerà per te.

Credo che potresti avere dei problemi con Node e npm. Ti consiglio di controllare prima le versioni: dovrai avere Nodo> = 8.10 e npm> = 5.6 sul tuo computer e aggiornarlo se necessario. Vale la pena provare a reinstallare il nodo.

Il controllo nei registri dei nodi potrebbe fornire alcuni indizi sul problema (ulteriori informazioni su come accedere qui )

Avevo anche lo stesso problema. Prova a installare una versione precedente di reazioni-script.

npm install react-scripts@2.1.8

Spero che sia di aiuto!

ha avuto lo stesso problema, prima dovevo costruirlo

npm build poi npm start

Stavo eseguendo la reazione sul mio Mac e ho dovuto autorizzare il terminale a interagire con Chrome prima che funzionasse.

Per me il problema era che avevo dei .cssfile.

Ho rinominato i miei file CSS in .scsse funziona.

Per qualche motivo, per me creare-reagire-app soffoca sui file CSS.

Strano.