Reagieren Sie auf "Start des Entwicklungsservers"

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.

Ü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

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

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

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

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.

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

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!

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.

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.