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


15

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.


Dziwne. Czy za każdym razem, gdy tworzysz nowy projekt za pomocą aplikacji create-reag-app?
Nikhil Goyal

czy możesz udostępnić zrzut ekranu terminala, sprawdź, czy jakakolwiek aplikacja działa na porcie 3000, może być to problem (zgadnij !!), w terminalu pojawi się prośba o naciśnięcie tak lub nie, aby otworzyć aplikację w innym porcie.
DILEEP THOMAS


Tak, przy każdym uruchomieniu aplikacji uruchamia się na nowym porcie. Dzieje się tak, ponieważ aplikacja Node działa na porcie, na którym ją uruchomiłem. Zatrzymuję aplikację za pomocą CTRL + C, która zamyka ją w terminalu, ale menedżer zadań pokazuje, że procesy nadal działają. Próbowałem zabijać te procesy za pomocą menedżera zadań i terminala przy użyciu TaskKill, ale oba zawiodły. Ten ostatni podaje błąd, mówiąc „Nie ma uruchomionej instancji tego procesu”. Ponowne uruchomienie aplikacji powoduje wyświetlenie monitu o użycie innego portu (3000, 3001, 3002 itd.), Na który odpowiedziałem twierdząco, ale ponownie zatrzymuję się na „Uruchamianie serwera programistycznego”
Kenneth-rebello,

Udostępniałem zrzuty ekranu, ale dosłownie nie ma nic do pokazania. Terminal nie przewinie się z „Uruchamianie serwera programistycznego”, a przeglądarka ładuje się tylko w nieskończoność.
kenneth-rebello

Odpowiedzi:


2

Sprawdź punkty Tow Tow

  1. Uruchom polecenie instalacji npm przed uruchomieniem serwera.

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

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


Wypróbowałem obie metody i oba mnie nie powiodły, co doprowadziło mnie tutaj :( Inną kwestią, na którą należy zwrócić uwagę, jest to, że pakiet zawierał kilka zależności, które zawierały luki. Czy może to być powód? „Instalacja npm” czasami zawiesza się, ale po kilkakrotnym wypróbowaniu działa w końcu. Zwykłe punkty zawieszenia to „sill install executeActions” i „postinstall: verb lock using <path to npm cache>”
kenneth-rebello

@ kenneth-rebello zapewnia zrzuty ekranu podczas uruchamiania komentarza początkowego NPM. Jeśli utworzysz aplikację za pomocą funkcji create-reag-app, pakiety zainstalowane tym poleceniem nie będą miały żadnych luk w zabezpieczeniach. Czy próbowałeś zainstalować jakieś pakiety?
Jerrin Stephen

Mając ten sam problem i wypróbowałem to na świeżym klonie i nadal nie ma szczęścia.
Simon Long

Zauważyłem również, że kompilacja npm również się zawiesza. Sugerowałoby to, że problemem jest kompilacja. Jednak nic nie widzę w konsoli ani w dziennikach npm. Nie wiem, dokąd pójść bez niczego.
Simon Long

0

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

0

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


0

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


0

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 )


0

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!


0

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.


0

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.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.