react-router-dom报错：'Switch'未找到，react-dom版本v^18.2.0

问题原因 #

你使用的react-router-dom版本应为v6及以上，该版本已移除Switch组件，改用Routes组件作为路由容器，同时Route组件的用法也有变更。

修改步骤 #

• 更新导入语句：将Switch替换为Routes
• 调整Route写法：不再通过嵌套组件的方式指定路由内容，改用element属性传递组件

修改后的完整代码 #

import Home from "./Home";
import Navebar from "./Navbar";

import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';

function App() {
  return (
    <Router>
      <div className="App">
        <Navebar/>
        
        <div className="content">
          <Routes>
            <Route path="/" element={<Home />} />
          </Routes>
        </div>
        
      </div>
    </Router>
  );
}

export default App;

内容的提问来源于stack exchange，提问作者Mohamad Foudeh