Reagieren Sie auf "Start des Entwicklungsservers"

15

Ich habe eine React-App erstellt von create-react-app. Nach dem Ausführen von npm start (das Startskript ist in package.json als "start": "react-scripts start" vorhanden) sagt die Konsole "Starten des Entwicklungsservers wie gewohnt" und startet den Browser. Aber danach tun sowohl die Konsole als auch der Browser absolut nichts auf unbestimmte Zeit. Kein Fehler oder Ausgabe. Es macht einfach nichts.

kenneth-rebello
quelle
Seltsam. Ist es jedes Mal, wenn Sie ein neues Projekt mit der Create-React-App erstellen?
Nikhil Goyal
Können Sie den Screenshot des Terminals freigeben, prüfen Sie, ob eine Anwendung in Port 3000 ausgeführt wird? Möglicherweise liegt dies an dem Problem (Vermutung !!). In der Terminals werden Sie aufgefordert, Ja oder Nein zu drücken, um die Anwendung zu öffnen in einem anderen Hafen.
DILEEP THOMAS
Bitte teilen Sie den Fehler Screenshot
Ronak Khangaonkar
Ja, jedes Mal, wenn ich die App starte, wird sie an einem neuen Port gestartet. Dies liegt daran, dass eine Node-App auf dem Port ausgeführt wird, auf dem ich sie ausgeführt habe. Ich stoppe die App mit STRG + C, wodurch sie im Terminal geschlossen wird, aber der Task-Manager zeigt an, dass noch Prozesse ausgeführt werden. Ich habe versucht, diese Prozesse vom Task-Manager und vom Terminal mit Taskkill zu beenden, aber beide schlagen fehl. Letzteres gibt den Fehler "Es gibt keine laufende Instanz dieses Prozesses" aus. Das erneute Starten der App fordert mich auf, einen anderen Port (3000, 3001, 3002 usw.) zu verwenden, auf den ich mit "Ja" geantwortet habe, aber beim "Starten des Entwicklungsservers"
kenneth-rebello
Ich würde Screenshots teilen, aber es gibt buchstäblich nichts zu zeigen. Das Terminal rollt nicht von "Starten des Entwicklungsservers" zurück und der Browser wird nur unbegrenzt geladen.
Kenneth-Rebello

Antworten:

2

Überprüfen Sie diese Abschlepppunkte

  1. Führen Sie den Befehl npm install aus, bevor Sie den Server starten.

Dann läuft es auch nicht, bitte versuchen Sie den zweiten Befehl

  1. Entfernen Sie die Knotenmodule und führen Sie npm install erneut aus.

Wenn diese beiden Punkte nicht funktioniert haben, geben Sie den Screenshot zur weiteren Analyse an.

Jerrin Stephen
quelle
Ich habe beide Methoden ausprobiert und beide haben mich gescheitert, was mich hierher geführt hat :( Ein weiterer zu beachtender Punkt ist, dass das Paket nur wenige Abhängigkeiten enthielt, die Schwachstellen aufwiesen. Könnte dies ein Grund sein? Die "npm-Installation" hängt manchmal auch, aber nach mehrmaligem Versuch funktioniert schließlich. Die üblichen Hang Points sind "sill install executeActions" und "postinstall: verb lock using <Pfad zum npm-Cache>"
kenneth-rebello
@ kenneth-rebello liefert die Screenshots, während Sie den NPM-Startkommentar ausführen. Wenn Sie eine App mit create-react-app erstellen, weisen die mit diesem Befehl installierten Pakete keine Schwachstellen auf. Haben Sie versucht, Pakete zu installieren?
Jerrin Stephen
Ich hatte das gleiche Problem und versuchte es mit einem neuen Klon und hatte immer noch kein Glück.
Simon Long
Mir ist auch aufgefallen, dass der npm-Build ebenfalls hängt. Dies würde darauf hinweisen, dass die Kompilierung das Problem ist. Ich sehe jedoch nichts in der Konsole oder in den npm-Protokollen. Ich weiß nicht, wohin ich von hier aus gehen soll, ohne dass etwas weitergeht.
Simon Long
0

Endlich gelöst. Für mich lag das Problem in meiner Webpack-Konfiguration. Ich hatte dort einen Webpack-Alias, dessen Aliasname mit dem Namen meines npm-Pakets identisch war.

dh mein package.jsonhatte oben folgendes.

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

In meinem hatte webpack.config.jsich

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

Nachdem ich den Webpack-Alias ​​in den folgenden geändert hatte, funktionierte alles einwandfrei

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

Mir passiert etwas Ähnliches.

Ich habe ein Reaktionsprojekt, das ich in Typescript konvertieren möchte, und ich habe, wie Sie bemerkt haben, mit der "create-react-app" begonnen, alle meine Dateien hinzugefügt und auf das Beste gehofft - bin aber wie Sie auf dem "Starten des Entwicklungsservers" hängen geblieben " Botschaft.

Ich habe einen 8-GB-RAM mit Windows 10 und als ich zum ersten Mal den Standard-Start "npm start" verwendet habe, habe ich gesehen, dass der Knotenprozess viel Speicher benötigt - also habe ich versucht, ihm mehr zu geben, und gleichzeitig war ich müde Ändern Sie die Portreaktionsverwendungen.

  1. Dies wurde dem Startskript in package.json hinzugefügt:

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

  2. Alle meine Chrome-Browser geschlossen (sie beanspruchen ziemlich viel Speicher)

  3. Und gab es rund 1 Minute zu laufen

Nach 1 Minute fing es an zu arbeiten und von diesem Punkt an startet es einfach schnell und verbraucht nicht so viel Speicher und hängt nicht von dem von mir gewählten Port ab

In meinem Fall - ich denke, wenn Sie "npm start" zum ersten Mal für das React Typescript-Projekt ausführen, werden wahrscheinlich die Dateien indiziert (oder es wird etwas Ähnliches getan - ich bin mir nicht sicher und muss wahrscheinlich darüber lesen - ich bin neu in Typoskript ), die viel Speicher benötigen.

In Ihrem Fall - Es könnte etwas Ähnliches sein

Ich hoffe es hilft :)

Sharon Lifshits
quelle
0

Stellen Sie sicher, dass Ihre Abhängigkeiten package.jsonFolgendes enthalten:

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

Und Skripte zu sein:

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

Sobald Sie dies sichergestellt haben, können Sie die folgenden Schritte ausführen:

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

Die Hoffnung wird für Sie arbeiten.

Muhammad Zeeshan
quelle
0

Ich glaube, Sie haben möglicherweise Probleme mit Node und npm. Ich würde empfehlen, zuerst die Versionen zu überprüfen - Sie müssen Node> = 8.10 und npm> = 5.6 auf Ihrem Computer haben und bei Bedarf aktualisieren. Es könnte sich lohnen, den Knoten neu zu installieren.

Das Einchecken in Knotenprotokolle kann einige Hinweise auf Ihr Problem geben (weitere Informationen zum Anmelden finden Sie hier ).

Dan Ovidiu Boncut
quelle
0

Ich hatte auch das gleiche Problem. Versuchen Sie, eine frühere Version von React-Skripten zu installieren.

npm install react-scripts@2.1.8

Hoffe das hilft!

Tayyab Ferozi
quelle
0

hatte das gleiche Problem, ich musste es zuerst bauen

npm build dann npm start

Ich habe React auf meinem Mac ausgeführt und musste dem Terminal die Erlaubnis geben, mit Chrome zu interagieren, bevor es funktionierte.

Bluephlame
quelle
0

Für mich war das Problem, das ich hatte .css Dateien hatte.

Ich habe meine CSS-Dateien in umbenannt .scss und es funktioniert.

Aus irgendeinem Grund drosselt create-react-app für mich CSS-Dateien.

Seltsam.

Oliver Watkins
quelle