J'ai une application react créée par create-react-app. Après avoir exécuté npm start (le script de démarrage est présent dans package.json sous le nom "start": "react-scripts start"), la console indique Démarrage normal du serveur de développement et démarre le navigateur. Mais après cela, la console et le navigateur ne font absolument rien indéfiniment. Aucune erreur ou sortie. Cela ne fait tout simplement rien.
reactjs
npm
create-react-app
react-scripts
kenneth-rebello
la source
la source
Réponses:
Vérifiez ces points de remorquage
Ensuite, il ne fonctionne pas, veuillez essayer la deuxième commande
Si ces deux points n'ont pas fonctionné, veuillez fournir la capture d'écran pour une analyse plus approfondie.
la source
Enfin résolu cela. Pour moi, le problème résidait dans la configuration de mon webpack. J'avais un alias de webpack là-dedans dont le nom d'alias était le même que le nom de mon package npm.
c'est-à-dire que mon
package.json
avait ce qui suit en haut."name": "@mycompany/react-common-components"
Dans mon
webpack.config.js
j'avaisUne fois que j'ai changé l'alias du webpack pour le suivant, tout a bien fonctionné
la source
Il m'arrive quelque chose de similaire.
J'ai un projet React que je veux convertir en Typescript et j'ai commencé comme vous l'avez noté avec "create-react-app", ajouté tous mes fichiers et espéré le meilleur - mais je suis resté coincé comme vous sur le "Démarrage du serveur de développement " message.
J'ai un Ram de 8 Go avec Windows 10 et une fois que j'ai utilisé le "npm start" par défaut pour la première fois, j'ai vu que le processus de nœud utilise beaucoup de mémoire - J'ai donc essayé de lui en donner plus et en même temps je me suis fatigué de modifier les utilisations du port de réaction.
Ajouté ceci au script de démarrage dans package.json:
"scripts": { "start": "PORT=3001 react-scripts --max_old_space_size=8128 start", ... }
Fermé tous mes navigateurs chromés (ils prennent assez de mémoire)
Après 1 minute, il a commencé à fonctionner et à partir de ce moment, il démarre simplement rapidement et n'utilise pas autant de mémoire et ne dépend pas du port que je choisis
Dans mon cas - je suppose que la première fois que vous exécutez "npm start" sur le projet React Typescript, il indexe probablement les fichiers (ou fait quelque chose de similaire - je ne suis pas sûr et probablement besoin de lire à ce sujet - je suis nouveau sur dactylographié ) qui prennent beaucoup de mémoire.
Dans votre cas, cela pourrait être quelque chose de similaire
J'espère que cela aide :)
la source
Assurez-vous que vos dépendances dans
package.json
incluent les éléments suivants:Et les scripts seront:
Une fois que vous vous en êtes assuré, vous pouvez suivre les étapes suivantes:
L'espoir fonctionnera pour vous.
la source
Je pense que vous pouvez rencontrer des problèmes avec Node et npm. Je recommanderais de vérifier d'abord les versions - vous devrez avoir Node> = 8.10 et npm> = 5.6 sur votre machine, et mettre à jour si nécessaire. Cela pourrait valoir la peine d'essayer de réinstaller le nœud.
La vérification dans les journaux des nœuds pourrait fournir des indices sur votre problème (plus d'informations sur la façon de se connecter ici )
la source
J'avais aussi le même problème. Essayez d'installer une version précédente de react-scripts.
J'espère que cela t'aides!
la source
eu le même problème, je devais d'abord le construire
npm build
puisnpm start
J'étais en train de réagir sur mon Mac et j'ai dû autoriser le terminal à interagir avec Chrome avant de fonctionner.
la source
Pour moi, le problème était que j'avais des
.css
fichiers.J'ai renommé mes fichiers css en
.scss
et cela fonctionne.Pour une raison quelconque, create-react-app s'étouffe avec les fichiers CSS pour moi.
Bizarre.
la source