TypeError [ERR_INVALID_ARG_TYPE]: Argumen "path" harus dari tipe string. Jenis yang diterima tidak terdefinisi muncul ketika mulai bereaksi aplikasi

Saya sedang mengerjakan proyek di Bereaksi dan mengalami masalah yang membuat saya bingung.

Setiap kali saya menjalankan yarn startsaya mendapatkan kesalahan ini:

TypeError [ERR_INVALID_ARG_TYPE]: Argumen "path" harus dari tipe string. Jenis yang diterima tidak ditentukan

Saya tidak tahu mengapa ini terjadi, jika ada yang pernah mengalami ini, saya akan berterima kasih.

Untuk memperbaiki masalah ini, cukup tingkatkan ke "react-scripts": "^3.4.0"

1. Timpa yang ada "react-scripts": "^3.x.x"dengan "react-scripts": "^3.4.0"di package.json Anda
2. Hapus modul simpul Anda
3. Jalankan instal npm atau instal benang

Saya harap ini akan memperbaiki Anda lebih cepat

Saya juga menghadapi masalah ini dan mengatasinya dengan memutakhirkan react-scriptspaket dari "react-scripts": "3.x.x"menjadi"react-scripts": "^3.4.0"

1. Hapus node_modules\folder
2. Hapus package-lock.jsonfile
3. Tulis ulang package.jsonfile dari "react-scripts": "3.x.x"ke"react-scripts": "^3.4.0"
4. Instal paket simpul lagi npm i
5. Sekarang, mulailah proyek npm start

Dan itu berhasil !!

Kami dikeluarkan dari react-scriptsdan karenanya tidak bisa memutakhirkan entri package.json untuk memperbaikinya.

Sebagai gantinya, kami melakukan ini: 1.) di direktori baru, buat proyek baru -> $> npx create-react-app foo-project 2.) dan kemudian keluarkan -> cd ./foo-project && npm run eject 3.) sekarang salin file dari / foo-project / config ke direktori config utama kami aplikasi dan jalankan server dev Anda

Semoga ini bisa membantu orang lain dalam ikatan serupa.

Saya baru saja mengalami masalah ini setelah menginstal dan menghapus beberapa paket npm dan menghabiskan hampir 5 jam untuk mencari tahu apa yang sedang terjadi.

Apa yang saya lakukan pada dasarnya adalah menyalin src / komponen saya di direktori yang berbeda, kemudian menghapus semua modul simpul dan package-lock.json (jika Anda menjalankan aplikasi di wadah Docker, hapus gambar dan bangun kembali hanya untuk aman); kemudian atur ulang ke komit terakhir saya dan kemudian masukkan kembali src / komponen saya kemudian jalankan npm i.

Saya harap ini membantu.

1. Pergi ke Anda package.json

2. Ubah "skrip reaksi": "3.xx" menjadi "skrip reaksi": "^ 3.4.0" di dependensi

3. Instal ulang skrip reaksi: npm I react-scripts

4. Mulai proyek Anda: npm start

Menjalankan npm i react-dev-utils@10.0.0memecahkan masalah saya.

Jika Anda memiliki eject create-react-app , saya sarankan:

1. Buat aplikasi Bereaksi baru melalui create-react-app.
2. Keluarkan melalui npm run ejectatau yarn eject.
3. Instal semua paket yang hilang dari package.json.
4. Salin folder src Anda dengan asumsi semua kode Anda berada di folder ini.
5. Ulangi perubahan Anda pada folder konfigurasi dan skrip , jika perlu.

Bekerja untukku.

Saya mencoba berbagai pendekatan yang dijelaskan di atas tetapi tidak satupun dari mereka yang bekerja sejak saya mengeluarkan css saya. Akhirnya menerapkan langkah-langkah berikut membantu:

1. Tingkatkan react-scriptsdari "react-scripts": "3.x.x"ke"react-scripts": "^3.4.0"
2. Menurunkan react-dev-utilsformulir "react-dev-utils": "^10.x.x"ke"react-dev-utils": "10.0.0"
3. Hapus node-modulesfolder dan package-lock.json/yarn.lock
4. Instal ulang paket npm install/yarn install

Jika Anda mengeluarkan dan ingin tahu, perubahan pada repo CRA inilah yang menyebabkan kesalahan.

Untuk memperbaikinya, Anda perlu menerapkan perubahannya; yaitu, kumpulan file terakhir:

• paket / reaksi-skrip / config / paths.js
• paket / reaksi-skrip / config / webpack.config.js
• paket / reaksi-skrip / config / webpackDevServer.config.js
• package / react-scripts / package.json
• paket / reaksi-skrip / skrip / build.js
• paket / reaksi-skrip / skrip / start.js

Secara pribadi, saya pikir Anda harus menerapkan perubahan secara manual karena, kecuali jika Anda tetap up to date dengan semua perubahan, Anda bisa memperkenalkan bug lain ke bundel webpack Anda (karena ketidakcocokan ketergantungan atau sesuatu).

ATAU , Anda bisa melakukan apa yang disarankan Geo Angelopoulos. Mungkin butuh beberapa saat, tetapi setidaknya proyek Anda akan disinkronkan dengan repo CRA (dan dapatkan semua peningkatan terbaru mereka!).