3 cara untuk memperbaiki kesalahan Tidak dapat menyelesaikan kesalahan react-router-dom

Jika Anda seorang React programmer siapa yang membuat web? aplikasi, Anda akan memerlukan router khusus untuk membantu pengguna Anda menavigasi melalui mereka.

Tapi terkadang bisa crash dan menampilkan pesan modul tidak ditemukan: tidak dapat menyelesaikan react-router-dom dan Anda mungkin tidak tahu bagaimana cara memperbaikinya.

Hari ini kami akan membantu Anda memperbaiki salah satu kesalahan paling umum dari router React. Teruslah membaca untuk mencari tahu!

Apa itu React Router Dom?

Router React adalah pustaka perutean sisi klien ke sisi server yang lengkap untuk React. React Router Dom menggunakan perutean dinamis dalam aplikasi web yang membantu pengguna menavigasi secara efisien.

Pengembang yang membuat aplikasi web React menggunakan React Router Dom untuk membangun aplikasi satu halaman di web. Artinya, aplikasi web dengan banyak halaman atau komponen tidak pernah di-refresh; sebaliknya, konten diambil secara dinamis.

React-router menawarkan pengalaman pengguna yang lebih baik karena sangat cepat jika dibandingkan dengan navigasi halaman tradisional dan juga menawarkan kinerja aplikasi yang lebih baik secara keseluruhan.

Sekarang setelah Anda mengetahui apa itu perutean dan mengapa pemrogram menggunakan React Router Dom, masih ada satu hal yang harus Anda ketahui. Ada tiga jenis React Router, dan masing-masing memiliki tujuannya.

Perbedaan antara React Router VS React Dom VS React Native

Jika Anda seorang pengembang Bereaksi, Anda memiliki tiga perpustakaan untuk dipilih. Ketiganya hampir identik, tetapi mereka memiliki kasus penggunaannya. Kami akan membahas masing-masing dari mereka sehingga Anda dapat memahami perbedaannya.

• Bereaksi-router – termasuk semua komponen dan fitur khusus dari perpustakaan react-router-native dan react-router-dom
• Bereaksi-router-dom – terutama digunakan untuk aplikasi web yang dibangun dengan React
• Bereaksi-router-asli – dibangun untuk kerangka React Native yang digunakan untuk membuat aplikasi seluler menggunakan React

Apa yang dapat saya lakukan jika melihat pesan modul kesalahan tidak ditemukan?

1. Instal dependensi dengan benar

1. Instal dependensi dengan benar.
2. Periksa apakah Anda mengetik dengan benar reaksi-router-dom atau jika Anda mengetik reaksi-dom atau bereaksi dom? karena dua yang terakhir salah.
3. Jika dependensi tidak diinstal dengan benar, gunakan perintah react-router-dom untuk menginstal dependensi.
4. Jika kesalahan modul tidak ditemukan: tidak dapat menyelesaikan react-router-dom bertahan bahkan setelah menginstal dependensi yang benar, lalu coba perintah berikut: npm install react-router-dom --save atau npm install -S react-router-dom

Dengan menggunakan perintah yang disebutkan di atas di konsol, Anda menambahkan ketergantungan dev pada file package.json Anda. Ini memungkinkan Anda untuk mengatasi kesalahan dan secara bersamaan menginstal ketergantungan pada komputer lain yang menunjukkan modul tidak ditemukan: tidak dapat menyelesaikan react-router-dom

2. Perbarui NPM ke Versi 5

1. Perbarui NPM ke versi 5.
2. Untuk memperbarui NPM ke versi 5, gunakan perintah pembaruan npm -g
3. Konfirmasikan sekarang jika Anda masih menghadapi kesalahan modul tidak ditemukan: tidak dapat menyelesaikan react-router-dom.

Sebelum versi 5, NPM secara default menginstal paket di bawah simpul_modul.

Jika Anda mencoba menginstal dependensi untuk modul/aplikasi Anda, Anda harus menginstalnya dan kemudian menambahkannya ke bagian dependensi secara manual ke package.json Anda. Dengan memperbarui ke versi 5, Anda juga dapat menyelesaikan masalah seperti Tidak dapat menyelesaikan Axios.

3. Periksa apakah Anda telah menginstal dependensi yang benar

1. Periksa apakah Anda memiliki dependensi yang benar terinstal dalam kode VS. Tekan dan tahan tombol Ctrl dan klik kiri pada reaksi-router-dom kata.
2. Setelah mengklik, Anda akan diarahkan ke file node_modules asal dependensi. Jika Anda tidak dialihkan, instal lagi.
3. Anda dapat menginstalnya menggunakan perintah npm install react-router-dom --save atau npm install -S react-router-dom

Itu Tidak dapat menyelesaikan di React Router biasanya karena instalasi yang tidak tepat. Dan ini biasanya umum ketika Anda tidak menginstal dependensi yang benar pada aplikasi yang Anda coba gunakan.

React Router membantu membuat aplikasi web dengan menjaga UI dan URL aplikasi Anda tetap sinkron. Aplikasi ini jauh lebih mudah untuk diterapkan, dijalankan secara efisien, dan secara signifikan meningkatkan pengalaman pengguna.

Tetapi seperti kebanyakan hal, React Router terkadang dapat crash atau menampilkan kode kesalahan, dan Anda dapat memperbaikinya dengan bantuan yang tepat.

Kami harap kami membantu Anda mengatasi kesalahan dan akan senang mendengar kabar dari Anda mengenai hal yang sama di komentar di bawah!