3 veidi, kā novērst kļūdu Nevar atrisināt react-router-dom kļūdu

Ja esat Reaģēts programmētājs kurš veido tīmekli lietojumprogrammas, jums būs nepieciešams īpašs maršrutētājs, lai palīdzētu lietotājiem pārvietoties pa tiem.

Bet dažreiz tas var avarēt un parādīt ziņojumu modulis nav atrasts: nevar atrisināt react-router-dom un jums var nebūt ne jausmas, kā to labot.

Šodien mēs palīdzēsim jums novērst vienu no visbiežāk sastopamajām React maršrutētāja kļūdām. Turpiniet lasīt, lai uzzinātu!

Kas ir React Router Dom?

React Router ir pilnvērtīga React maršrutēšanas bibliotēka no klienta puses uz serveri. React Router Dom izmanto dinamisku maršrutēšanu tīmekļa lietotnē, kas palīdz lietotājiem efektīvi orientēties.

Izstrādātāji, kas veido React tīmekļa lietotnes, veidošanai izmanto React Router Dom vienas lapas lietojumprogrammas tīmeklī. Tas nozīmē, ka tīmekļa lietojumprogramma ar daudzām lapām vai komponentiem nekad netiek atsvaidzināta; drīzāk saturs tiek ielādēts dinamiski.

React-maršrutētājs piedāvā labāku lietotāja pieredzi, jo tas ir ārkārtīgi ātrs, salīdzinot ar tradicionālo lapas navigāciju, kā arī piedāvā labāku lietotņu veiktspēju kopumā.

Tagad, kad zināt, kas ir maršrutēšana un kāpēc programmētāji izmanto React Router Dom, jums joprojām ir jāzina viena lieta. Ir trīs veidu React Router, un katrs kalpo savam mērķim.

Atšķirība starp React Router VS React Dom VS React Native

Ja esat React izstrādātājs, jums ir trīs bibliotēkas, no kurām izvēlēties. Visi trīs ir gandrīz identiski, taču tiem ir savi lietošanas gadījumi. Mēs apskatīsim katru no tiem, lai jūs varētu saprast to atšķirības.

• Reaģēt-maršrutētājs - ietver visus pielāgotos komponentus un līdzekļus no react-router-native un react-router-dom bibliotēkām
• React-router-dom – galvenokārt izmanto tīmekļa lietojumprogrammām, kas ir veidotas ar React
• React-router-native – izstrādāts React Native ietvaram, ko izmanto mobilo lietojumprogrammu izveidei, izmantojot React

Ko darīt, ja tiek parādīts ziņojums kļūdas modulis nav atrasts?

1. Pareizi instalējiet atkarības

1. Pareizi instalējiet atkarības.
2. Pārbaudiet, vai ierakstījāt pareizi reaģēt-router-dom vai ja ierakstījāt reaģēt-dom vai reaģēt dom? jo pēdējie divi ir nepareizi.
3. Ja atkarības nav pareizi instalētas, izmantojiet komandu react-router-dom, lai instalētu atkarības.
4. Ja kļūda modulis nav atrasts: nevar atrisināt react-router-dom persistseven pēc pareizās atkarības instalēšanas, pēc tam izmēģiniet šādas komandas: npm instalēt react-router-dom --save vai npm install -S react-router-dom

Izmantojot konsolē iepriekš minētās komandas, failam package.json tiek pievienota dev atkarība. Tas ļauj novērst kļūdu un vienlaikus instalēt atkarību citos datoros, kas tiek rādīti modulis nav atrasts: nevar atrisināt react-router-dom

2. Atjauniniet NPM uz 5. versiju

1. Atjauniniet NPM uz 5. versiju.
2. Lai atjauninātu NPM uz 5. versiju, izmantojiet komandu npm atjauninājums -g
3. Apstipriniet tūlīt, ja joprojām saskaraties ar kļūdu modulis nav atrasts: nevar atrisināt react-router-dom.

Pirms 5. versijas NPM pēc noklusējuma instalēja pakotni zem node_modules.

Ja mēģināt instalēt moduļa/lietotnes atkarības, jums tā būs jāinstalē un pēc tam failā package.json manuāli jāpievieno atkarību sadaļai. Atjauninot uz 5. versiju, varat arī atrisināt tādas problēmas kā Nevar atrisināt Axios.

3. Pārbaudiet, vai ir instalētas pareizās atkarības

1. Pārbaudiet, vai VS kodā ir instalētas pareizās atkarības. Nospiediet un turiet taustiņu Ctrl un ar peles kreiso taustiņu noklikšķiniet uz reaģēt-router-dom vārdu.
2. Pēc noklikšķināšanas jūs jānovirza uz atkarības izcelsmes failu node_modules. Ja nesaņemat novirzīšanu, instalējiet to vēlreiz.
3. Varat to instalēt, izmantojot komandu npm instalēt react-router-dom --save vai npm install -S react-router-dom

The Nevar atrisināt React Router parasti ir nepareizas uzstādīšanas dēļ. Un tas parasti notiek, ja lietojumprogrammā, kuru mēģināt izmantot, nav instalētas pareizās atkarības.

React Router palīdz izveidot tīmekļa lietotnes, sinhronizējot lietotāja saskarni un lietojumprogrammas URL. Šīs lietojumprogrammas ir daudz vieglāk izvietot, tās darbojas efektīvi un ievērojami uzlabo lietotāja pieredzi.

Taču, tāpat kā lielākā daļa lietu, React Router dažkārt var avarēt vai parādīt kļūdas kodu, un jūs varat to labot, izmantojot atbilstošu palīdzību.

Mēs ceram, ka palīdzējām jums atrisināt kļūdu, un labprāt vēlētos saņemt atbildes par to pašu tālāk sniegtajos komentāros!