インポート試行エラー: 「Switch」 は「react-router-dom」 からエクスポートされません。

インポート試行エラー: 「Switch」 は「react-router-dom」 からエクスポートされません。

こんにちは、Zhao Meng です。今日は React プロジェクトに取り組む初日です。学習プロセス中に発生したいくつかの問題を記録します。

1つ、

<Switch>
  <Route path="/home" component={
    
    Home}></Route>
  <Route path="/login" component={
    
    Login}></Route>
</Switch>

今日ルーティングを構成するときに次のようなエラーが発生しました: インポートの試行エラー: 'Switch' は 'react-router-dom' からエクスポートされません。
情報を調べて知りました。 .react-router-dom のバージョンについては、package.jason で次のようにバージョンを確認してください:

スイッチは、react-router-dom6.0 以降は使用されなくなったため、スイッチを次のように変更する必要があります。ルート。コードは次のとおりです。

<Routes>
  <Route path="/home" component={
    
    Home}></Route>
  <Route path="/login" component={
    
    Login}></Route>
</Routes>

2. 上記の変更を行っても、依然としてエラーが発生します。

次のようなエラー メッセージが表示されます。インポート エラーが試行されました: 'Routes' は 'react-router-dom' からエクスポートされません。
エラーの理由は次のとおりです。react- router-dom6. バージョン内

<Routes>
	<Route path="/home" element={
    
    <Home></Home>}></Route>
	<Route path="/login" element={
    
    <Login></Login>}></Route>
 </Routes>

3. 上記 2 つの変更を行った後、エラーは報告されません。

お役に立てれば！