3 módszer a React-router-dom hiba kijavítására

Ha Ön React programozó aki webet épít

alkalmazások, szüksége lesz egy dedikált útválasztóra, amely segíti a felhasználókat a navigálásban.

De néha összeomolhat, és megjelenítheti az üzenetet modul nem található: nem lehet megoldani a react-router-dom és lehet, hogy fogalmad sincs, hogyan javítsd ki.

Ma segítünk kijavítani a React útválasztó egyik leggyakoribb hibáját. Olvass tovább, hogy megtudd!

Mi az a React Router Dom?

A React Router egy teljes körű ügyféloldali kiszolgálóoldali útválasztási könyvtár a React számára. A React Router Dom dinamikus útválasztást használ egy webalkalmazásban, amely segíti a felhasználókat a hatékony navigációban.

A React webalkalmazásokat fejlesztő fejlesztők a React Router Dom-ot használják az építéshez egyoldalas alkalmazások az interneten. Vagyis a sok oldalt vagy összetevőt tartalmazó webalkalmazás soha nem frissül; hanem a tartalom dinamikus lekérése.

A react-router jobb felhasználói élményt kínál, mivel a hagyományos oldalnavigációhoz képest rendkívül gyors, és összességében jobb alkalmazásteljesítményt kínál.

Most, hogy tudja, mi az útválasztás, és miért használják a programozók a React Router Dom-ot, még mindig van egy dolog, amit tudnia kell. Háromféle React Router létezik, és mindegyik megfelel a céljának.

A React Router VS React Dom VS React Native közötti különbség

Ha Ön React fejlesztő, három könyvtár közül választhat. Mindhárom majdnem egyforma, de megvannak a használati eseteik. Mindegyiket áttekintjük, hogy megértse a különbségeiket.

• React-router - tartalmazza a react-router-native és react-router-dom könyvtárak összes egyéni összetevőjét és szolgáltatását
• React-router-dom – főleg a React-tal készült webalkalmazásokhoz használatos
• React-router-native – a React Native keretrendszerhez készült, amelyet mobilalkalmazások létrehozására használnak a React segítségével

Mit tehetek, ha a hibamodul nem található üzenet jelenik meg?

1. Telepítse megfelelően a függőségeket

1. Telepítse megfelelően a függőségeket.
2. Ellenőrizze, hogy helyesen írta-e be react-router-dom vagy ha beírta react-dom vagy reagálni dom? mert az utóbbi kettő helytelen.
3. Ha a függőségek nincsenek megfelelően telepítve, használja a react-router-dom parancsot a függőségek telepítéséhez.
4. Ha a hiba modul nem található: nem lehet megoldani a react-router-dom persistseven a megfelelő függőség telepítése után, majd próbálja ki a következő parancsokat: npm install react-router-dom --save vagy npm install -S react-router-dom

A fent említett parancsok használatával a konzolban fejlesztői függőséget ad hozzá a package.json fájlhoz. Ez lehetővé teszi a hiba elhárítását és a függőség egyidejű telepítését a megjelenő többi számítógépre modul nem található: nem lehet megoldani a react-router-dom

2. Frissítse az NPM-et 5-ös verzióra

1. Frissítse az NPM-et az 5-ös verzióra.
2. Az NPM 5-ös verzióra való frissítéséhez használja a parancsot npm frissítés -g
3. Erősítse meg most, ha továbbra is a hibával néz szembe modul nem található: nem lehet megoldani a react-router-dom.

Az 5-ös verzió előtt az NPM alapértelmezés szerint telepített egy csomagot node_modules.

Ha függőségeket próbál telepíteni a modulhoz/alkalmazáshoz, akkor azt telepítenie kell, majd manuálisan hozzá kell adnia a package.json fájl függőségek szakaszához. Az 5-ös verzióra való frissítéssel olyan problémákat is megoldhat, mint pl Nem lehet megoldani az Axiókat.

3. Ellenőrizze, hogy a megfelelő függőségek telepítve vannak-e

1. Ellenőrizze, hogy a megfelelő függőségek telepítve vannak-e a VS-kódban. Nyomja meg és tartsa lenyomva a Ctrl gombot, és kattintson a bal gombbal a react-router-dom szó.
2. A kattintás után át kell irányítani a függőség origin node_modules fájljába. Ha nem kap átirányítást, telepítse újra.
3. A parancs segítségével telepítheti npm install react-router-dom --save vagy npm install -S react-router-dom

A Nem lehet megoldani a React Routerben általában a helytelen telepítés miatt van. És ez általában akkor fordul elő, ha nincsenek a megfelelő függőségek telepítve a használni kívánt alkalmazásra.

A React Router segít webalkalmazások létrehozásában azáltal, hogy szinkronban tartja az alkalmazás felhasználói felületét és URL-jét. Ezek az alkalmazások sokkal könnyebben telepíthetők, hatékonyan futnak, és jelentősen javítják a felhasználói élményt.

De mint a legtöbb dolog, a React Router időnként összeomolhat vagy hibakódot jeleníthet meg, és megfelelő segítséggel kijavíthatja.

Reméljük, hogy segítettünk a hiba megoldásában, és szeretnénk visszajelzést kapni az alábbi megjegyzésekben!