修正する3つの方法react-router-domエラーを解決できません

あなたがReactの場合 プログラマー ウェブを構築する人 アプリケーション、ユーザーがそれらをナビゲートするのに役立つ専用ルーターが必要になります。

ただし、クラッシュしてメッセージが表示されることがあります モジュールが見つかりません：react-router-domを解決できません そして、あなたはそれを修正する方法について知らないかもしれません。

本日は、Reactルーターの最も一般的なエラーの1つを修正するお手伝いをします。 読み続けて調べてください！

React Router Domとは何ですか？

Reactルーターは、R​​eact用の本格的なクライアント側からサーバー側へのルーティングライブラリです。 React Router Domは、ユーザーが効率的にナビゲートするのに役立つWebアプリで動的ルーティングを使用します。

React Webアプリをビルドする開発者は、ReactRouterDomを使用してビルドします シングルページアプリケーション ウェブ上で。 つまり、多くのページまたはコンポーネントを含むWebアプリケーションが更新されることはありません。 むしろ、コンテンツは動的にフェッチされます。

react-routerは、従来のページナビゲーションと比較して非常に高速であり、全体的に優れたアプリパフォーマンスを提供するため、優れたユーザーエクスペリエンスを提供します。

ルーティングとは何か、プログラマーがReact Router Domを使用する理由がわかったので、知っておくべきことが1つあります。 Reactルーターには3つのタイプがあり、それぞれがその目的を果たします。

ReactルーターVSReactDom VSReactNativeの違い

React開発者の場合、3つのライブラリから選択できます。 3つはすべてほぼ同じですが、ユースケースがあります。 それぞれの違いを理解できるように、それぞれについて説明します。

• React-router –react-router-nativeおよびreact-router-domライブラリのすべてのカスタムコンポーネントと機能が含まれています
• React-router-dom –主にReactで構築されたWebアプリケーションに使用されます
• React-router-native –Reactを使用してモバイルアプリケーションを作成するために使用されるReactNativeフレームワーク用に構築されています

エラーモジュールが見つかりませんというメッセージが表示された場合はどうすればよいですか？

1. 依存関係を適切にインストールする

1. 依存関係を適切にインストールします。
2. 正しく入力したかどうかを確認してください react-router-dom または入力した場合 react-dom また domに反応する? 後者の2つは正しくないからです。
3. 依存関係が正しくインストールされていない場合は、コマンドreact-router-domを使用して依存関係をインストールします。
4. エラーの場合 モジュールが見つかりません：react-router-domを解決できません 正しい依存関係をインストールした後も持続する場合は、次のコマンドを試してください。 npm install react-router-dom --save また npm install -Sreact-router-dom

コンソールで上記のコマンドを使用して、package.jsonファイルにdev依存関係を追加します。 これにより、エラーを解決すると同時に、表示される他のコンピューターに依存関係をインストールできます。 モジュールが見つかりません：react-router-domを解決できません

2. NPMをバージョン5に更新します

1. NPMをバージョン5に更新します。
2. NPMをバージョン5に更新するには、コマンドを使用します npm update -g
3. それでもエラーが発生する場合は、今すぐ確認してください モジュールが見つかりません：react-router-domを解決できません.

バージョン5より前では、NPMはデフォルトで以下のパッケージをインストールしていました node_modules.

モジュール/アプリの依存関係をインストールしようとしている場合は、それをインストールしてから、手動で依存関係セクションのpackage.jsonに追加する必要があります。 バージョン5に更新することで、次のような問題も解決できます。 Axiosを解決できません。

3. 正しい依存関係がインストールされているかどうかを確認してください

1. VSコードに正しい依存関係がインストールされているかどうかを確認してください。 Ctrlボタンを押したまま、 react-router-dom 語。
2. クリックすると、依存関係の元のnode_modulesファイルにリダイレクトされます。 リダイレクトされない場合は、再度インストールしてください。
3. コマンドを使用してインストールできます npm install react-router-dom --save また npm install -Sreact-router-dom

ザ 解決できません Reactルーターでの動作は通常、不適切なインストールが原因です。 そして、これは通常、使用しようとしているアプリケーションに正しい依存関係がインストールされていない場合によく見られます。

React Routerは、アプリケーションのUIとURLの同期を維持することにより、Webアプリの作成を支援します。 これらのアプリケーションは、展開、効率的な実行がはるかに簡単で、ユーザーエクスペリエンスを大幅に向上させます。

しかし、ほとんどの場合と同様に、Reactルーターがクラッシュしたりエラーコードが表示されたりすることがあります。適切なヘルプを使用して修正できます。

エラーの解決にご協力いただければ幸いです。また、以下のコメントで同じことについてご意見をお聞かせください。