Reakcja aplikacji utknęła na „Uruchamianie serwera programistycznego”

Mam aplikację reagującą utworzoną przez aplikację create-reag-app. Po uruchomieniu npm start (skrypt startowy jest obecny w pakiecie.json jako „start”: „skrypt reagujący start”) konsola mówi: Uruchomienie serwera programistycznego jak zwykle i uruchomienie przeglądarki. Ale potem zarówno konsola, jak i przeglądarka absolutnie nic nie robią w nieskończoność. Brak błędu lub danych wyjściowych. Po prostu nic nie robi.

Sprawdź punkty Tow Tow

1. Uruchom polecenie instalacji npm przed uruchomieniem serwera.

Wtedy też nie działa, spróbuj użyć drugiego polecenia

2. Usuń moduły węzła i ponownie uruchom instalację npm.

Jeśli te dwa punkty nie zadziałały, prześlij zrzut ekranu do dalszej analizy.

Wreszcie to rozwiązałem. Dla mnie problem leżał w mojej konfiguracji pakietu internetowego. Miałem tam alias paczki internetowej, którego nazwa była taka sama jak nazwa mojego pakietu npm.

tj. Mój package.jsonmiał na górze następujące.

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

W moim webpack.config.jsmiałem

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

Po zmianie aliasu webpack na następujący wszystko działało dobrze

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

Przydarzyło mi się coś podobnego.

Mam projekt reagowania, który chcę przekonwertować na Typescript, i zacząłem, jak zauważyłeś, z aplikacją „create-reag-app”, dodałem wszystkie moje pliki i liczyłem na najlepsze - ale utknąłem jak ty na „Uruchamianiu serwera programistycznego ”Wiadomość.

Mam 8 GB RAM z Windows 10 i kiedy po raz pierwszy użyłem domyślnego „npm start”, po raz pierwszy zobaczyłem, że proces węzła zużywa dużo pamięci - więc próbowałem dać mu więcej, a jednocześnie zmęczyłem się zmień port, którego używa reagowanie.

1. Dodano to do skryptu startowego w package.json:

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

2. Zamknąłem wszystkie moje przeglądarki Chrome (zajmują dużo pamięci)

3. I dał mi około 1 minuty na uruchomienie

Po 1 minucie zaczął działać i od tego momentu po prostu zaczyna się szybko i nie zużywa tyle pamięci i nie zależy od wybranego portu

W moim przypadku - myślę, że przy pierwszym uruchomieniu „npm start” w projekcie React Typescript prawdopodobnie indeksuje pliki (lub robi coś podobnego - nie jestem pewien i prawdopodobnie muszę o tym przeczytać - jestem nowy w maszynopisie ), które zajmują dużo pamięci.

W twoim przypadku - może to być coś podobnego

Mam nadzieję, że to pomoże :)

Upewnij się, że Twoje zależności package.jsonobejmują:

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

I skrypty do:

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

Po upewnieniu się, że możesz wykonać następujące kroki:

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

Nadzieja będzie dla ciebie działać.

Uważam, że możesz mieć problemy z Node i npm. Polecam najpierw sprawdzić wersje - na twoim komputerze musisz mieć Węzeł> = 8.10 i npm> = 5.6, aw razie potrzeby zaktualizować. Warto spróbować ponownie zainstalować węzeł.

Sprawdzanie dzienników węzłów może dostarczyć wskazówek na temat problemu (więcej informacji na temat logowania tutaj )

Miałem również ten sam problem. Spróbuj zainstalować poprzednią wersję skryptów reagujących.

npm install react-scripts@2.1.8

Mam nadzieję że to pomoże!

miałem ten sam problem, musiałem go najpierw zbudować

npm build następnie npm start

Uruchomiłem reagowanie na komputerze Mac i musiałem zezwolić terminalowi na interakcję z chrome, zanim zadziała.

Dla mnie problemem było to, że miałem .csspliki.

Zmieniłem nazwy plików css na .scssi to działa.

Z jakiegoś powodu dla mnie dławiki tworzenia-reagowania aplikacji na plikach CSS.

Dziwne.