3 способи виправити помилку «Не вдається усунути помилку react-router-dom».

Якщо ви React програміст хто створює веб додатків, вам знадобиться спеціальний маршрутизатор, щоб допомогти користувачам переміщатися по ним.

Але іноді він може вийти з ладу і відобразити повідомлення модуль не знайдено: не вдається вирішити react-router-dom і ви, можливо, не знаєте, як це виправити.

Сьогодні ми допоможемо вам виправити одну з найпоширеніших помилок маршрутизатора React. Продовжуйте читати, щоб дізнатися!

Що таке React Router Dom?

React Router — це повноцінна бібліотека маршрутизації від клієнта до сервера для React. React Router Dom використовує динамічну маршрутизацію у веб-програмі, яка допомагає користувачам ефективно переміщатися.

Розробники, які створюють веб-програми React, використовують React Router Dom для створення односторінкові програми в Інтернеті. Тобто веб-додаток з великою кількістю сторінок або компонентів ніколи не оновлюється; скоріше, вміст витягується динамічно.

React-router пропонує кращий користувальницький досвід, оскільки він надзвичайно швидкий у порівнянні з традиційною навігацією сторінкою, а також забезпечує кращу продуктивність програми в цілому.

Тепер, коли ви знаєте, що таке маршрутизація і чому програмісти використовують React Router Dom, вам все ще варто знати одну річ. Існує три типи React Router, і кожен з них виконує своє призначення.

Різниця між React Router VS React Dom VS React Native

Якщо ви розробник React, у вас є три бібліотеки на вибір. Всі три майже ідентичні, але у них є свої варіанти використання. Ми розглянемо кожен з них, щоб ви могли зрозуміти їх відмінності.

• React-роутер – включає всі користувацькі компоненти та функції з бібліотек react-router-native і react-router-dom
• React-router-dom – в основному використовується для веб-додатків, створених за допомогою React
• React-router-native – створений для фреймворку React Native, який використовується для створення мобільних додатків за допомогою React

Що я можу зробити, якщо бачу повідомлення про помилку, що модуль не знайдено?

1. Встановіть залежності належним чином

1. Встановіть залежності належним чином.
2. Перевірте, чи правильно ви ввели react-router-dom або якщо ви ввели реагувати-дом або реагувати dom? тому що два останніх неправильні.
3. Якщо залежності не встановлено належним чином, скористайтеся командою react-router-dom, щоб встановити залежності.
4. Якщо помилка модуль не знайдено: не вдається вирішити react-router-dom зберігається навіть після встановлення правильної залежності, а потім спробуйте виконати такі команди: npm install react-router-dom --save або npm install -S react-router-dom

Використовуючи команди, згадані вище в консолі, ви додаєте залежність розробника до вашого файлу package.json. Це дозволяє усунути помилку та одночасно встановити залежність на інших комп’ютерах, які відображаються модуль не знайдено: не вдається вирішити react-router-dom

2. Оновіть NPM до версії 5

1. Оновіть NPM до версії 5.
2. Щоб оновити NPM до версії 5, скористайтеся командою оновлення npm -g
3. Підтвердьте зараз, якщо ви все ще стикаєтеся з помилкою модуль не знайдено: не вдається вирішити react-router-dom.

До версії 5 NPM за замовчуванням встановлював пакет під вузли_модулі.

Якщо ви намагаєтеся встановити залежності для свого модуля/програми, вам доведеться встановити його, а потім додати до розділу залежностей вручну до вашого package.json. Оновивши до версії 5, ви також можете вирішити такі проблеми, як Не вдається вирішити Axios.

3. Перевірте, чи встановлено правильні залежності

1. Перевірте, чи встановлено правильні залежності в коді VS. Натисніть і утримуйте кнопку Ctrl і клацніть лівою кнопкою миші react-router-dom слово.
2. Після натискання ви повинні бути переспрямовані до вихідного файлу node_modules залежності. Якщо вас не буде переспрямовано, встановіть його знову.
3. Ви можете встановити його за допомогою команди npm install react-router-dom --save або npm install -S react-router-dom

The Не вдається вирішити в React Router зазвичай через неправильне встановлення. І це зазвичай трапляється, коли у вас не встановлено правильні залежності в програмі, яку ви намагаєтеся використовувати.

React Router допомагає створювати веб-програми, синхронізуючи інтерфейс користувача та URL-адресу вашої програми. Ці програми набагато легше розгортати, ефективніше запускати та значно покращувати роботу користувачів.

Але, як і більшість речей, React Router іноді може вийти з ладу або показати код помилки, і ви можете виправити це за допомогою належної допомоги.

Сподіваємося, що ми допомогли вам усунути помилку, і будемо раді отримати від вас відповідь щодо того ж у коментарях нижче!