Javascript 我有这个错误： export 'Switch' (imported as 'Switch') was not found in 'reactrouterdom'

发布于04月17日

**我有REACTION-DOM v^18.2.0**

和我的代码:

从"./Home"导入Home；从"./Navbar"导入导航栏；

将{BrowserRouter作为路由、路由、交换机}从‘Reaction-Router-Dom’导入；

function App() {

  
  return (
    <Router>
      <div className="App">
        <Navebar/>
        
        <div className="content">
          <Switch>
            <Route path="/">
              <Home />
            </Route>
          </Switch>
        </div>
        
      </div>
    </Router>
  );
}

export default App;

推荐答案

如果您使用REACT-ROUTER-DOMV6或更高版本，而不是Switch，请使用Routes:-

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="/">
          <Home />
        </Route>
      </Routes>
    </div>
  </div>
</Router>
  );
}

export default App;

请遵循从v5到v6的REACT-RUTER-DOM更新文档:-