Bereaksi aplikasi terjebak pada "Memulai server pengembangan"

15

Saya memiliki aplikasi reaksi yang dibuat oleh create-react-app. Setelah menjalankan start npm (skrip start hadir dalam package.json sebagai "start": "skrip reaksi start") konsol mengatakan Mulai server pengembangan seperti biasa dan jalankan browser. Tetapi setelah ini, baik konsol maupun browser sama sekali tidak melakukan apa pun. Tidak ada kesalahan atau keluaran. Itu tidak melakukan apa-apa.

reactjs npm create-react-app react-scripts kenneth-rebello
sumber
Aneh. Apakah setiap kali Anda membuat proyek baru menggunakan buat-reaksi-aplikasi?
Nikhil Goyal
Anda dapat berbagi screenshot dari terminal, periksa apakah ada aplikasi yang berjalan di port 3000, mungkin itu masalahnya (tebak !!), di terminaly akan diminta untuk menekan ya atau tidak untuk membuka aplikasi di port lain.
DILEEP THOMAS
Silakan bagikan tangkapan layar galat
Ronak Khangaonkar
Ya setiap kali saya memulai aplikasi itu dimulai pada port baru. Ini terjadi karena aplikasi Node tetap berjalan di port tempat saya menjalankannya. Saya menghentikan aplikasi menggunakan CTRL + C yang menutupnya di terminal tetapi task manager menunjukkan proses masih berjalan. Saya mencoba membunuh proses ini dari task manager dan dari terminal menggunakan taskkill tetapi keduanya gagal. Yang terakhir memberikan kesalahan mengatakan "Tidak ada instance yang berjalan dari proses ini." Memulai aplikasi lagi meminta saya untuk menggunakan port yang berbeda (3000, 3001, 3002, dll.) Yang saya jawab dengan ya tapi sekali lagi saya berhenti di "Memulai server pengembangan"
kenneth-rebello
Saya akan berbagi tangkapan layar tetapi secara harfiah tidak ada yang ditampilkan. Terminal tidak akan gulir kembali dari "Memulai server pengembangan" dan browser hanya memuat tanpa batas.
kenneth-rebello

Jawaban:

2

Periksa poin Tow ini

  1. Jalankan perintah install npm sebelum Anda memulai server.

Kemudian juga tidak berjalan, silakan coba perintah kedua

  1. Hapus modul node dan jalankan npm install sekali lagi.

Jika kedua poin ini tidak berfungsi, berikan tangkapan layar untuk analisis lebih lanjut.

Jerrin stephen
sumber
Saya mencoba kedua metode dan keduanya gagal saya yang membawa saya ke sini :( Poin lain yang perlu dicatat adalah bahwa paket berisi beberapa dependensi yang memiliki kerentanan. Mungkinkah ini alasannya? "Instalasi NPM" juga kadang-kadang hang tetapi setelah mencoba beberapa kali akhirnya bekerja. Poin hang yang biasa adalah "sill install executeActions" dan "postinstall: kata kunci menggunakan <path to npm cache>"
kenneth-rebello
@ kenneth-rebello memberikan tangkapan layar saat Anda menjalankan komentar awal NPM. Jika Anda membuat aplikasi menggunakan create-react-app, paket yang diinstal oleh perintah ini tidak akan memiliki kerentanan. Apakah Anda mencoba menginstal paket apa saja ??
Jerrin stephen
Memiliki masalah yang sama dan mencoba ini pada klon baru dan masih belum berhasil.
Simon Long
Saya juga memperhatikan bahwa npm membangun hang juga. Ini menyarankan bahwa kompilasi adalah masalahnya. Namun saya tidak melihat apa pun di konsol atau di log npm. Tidak tahu harus ke mana dari sini tanpa apa pun.
Simon Long
0

Akhirnya diselesaikan ini. Bagi saya masalahnya terletak pada konfigurasi webpack saya. Saya memiliki alias webpack di sana yang nama aliasnya sama dengan nama paket npm saya.

yaitu saya package.jsonpunya yang berikut di atas.

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

Dalam diriku webpack.config.jsaku punya

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

Setelah saya mengubah alias webpack berikut semuanya bekerja dengan baik

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

Saya mengalami hal serupa terjadi pada saya.

Saya memiliki proyek reaksi yang ingin saya konversikan ke Typecript dan saya mulai ketika Anda mencatat dengan "create-react-app", menambahkan semua file saya dan berharap yang terbaik - tetapi macet seperti Anda di "Memulai server pengembangan Pesan

Saya memiliki Ram 8GB dengan Windows 10 dan sekali saya menggunakan default "npm start" untuk pertama kalinya saya telah melihat proses node menggunakan banyak memori - Jadi saya mencoba untuk memberikan lebih banyak dan pada saat yang sama saya lelah untuk ubah port bereaksi menggunakan.

  1. Menambahkan ini ke skrip mulai di package.json:

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

  2. Tutup semua browser chrome saya (mereka mengambil cukup banyak memori)

  3. Dan memberikannya sekitar 1 menit untuk berlari

Setelah 1 menit mulai bekerja dan dari titik itu hanya mulai dengan cepat dan tidak menggunakan banyak memori dan tidak tergantung pada port yang saya pilih

Dalam kasus saya - saya kira pertama kali Anda menjalankan "mulai npm" pada proyek React Typescript mungkin indeks file (atau melakukan sesuatu yang serupa - saya tidak yakin dan mungkin perlu membaca tentang hal itu - saya baru mengetik naskah ) yang membutuhkan banyak memori.

Dalam kasus Anda - Ini mungkin sesuatu yang serupa

Semoga bermanfaat :)

Sharon Lifshits
sumber
0

Pastikan dependensi Anda package.jsonmeliputi:

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

Dan skrip menjadi:

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

Setelah Anda memastikan itu, Anda dapat mengikuti langkah-langkah berikut:

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

Harapan akan berhasil untuk Anda.

Muhammad Zeeshan
sumber
0

Saya yakin Anda mungkin memiliki beberapa masalah dengan Node dan npm. Saya akan merekomendasikan memeriksa versi pertama - Anda harus memiliki Node> = 8.10 dan npm> = 5.6 pada mesin Anda, dan memperbarui jika diperlukan. Bisa dicoba menginstal ulang node.

Memeriksa log simpul dapat memberikan beberapa petunjuk tentang masalah Anda (informasi lebih lanjut tentang cara login di sini )

Dan Ovidiu Boncut
sumber
0

Saya juga mengalami masalah yang sama. Coba pasang skrip reaksi versi sebelumnya.

npm install react-scripts@2.1.8

Semoga ini membantu!

Tayyab Ferozi
sumber
0

punya masalah yang sama, saya harus membangunnya dulu

npm build kemudian npm start

Saya menjalankan reaksi pada Mac saya dan harus memberikan izin kepada terminal untuk berinteraksi dengan chrome sebelum berfungsi.

Bluephlame
sumber
0

Bagi saya masalahnya adalah saya punya .cssfile.

Saya mengganti nama file css saya .scssdan berfungsi.

Untuk beberapa alasan buat-reaksi-aplikasi tersedak pada file CSS untuk saya.

Aneh.

Oliver Watkins
sumber