为什么我不能使用 react-router-dom 中的“路由”，即使它是版本 6？ 它显示错误

Question

I have been trying to us 'Routes' from react-router-dom like this import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';And I call it here:

const NavPage = () => {
  return (
    <React.Fragment>
      <section>
        <Routes>
        <Route path="/home" element={<Home />} />
        <Route path="/goals" element={<Goals />} />
        <Route path="/meetings" element={<Meetings />} />
        <Route path="/tasks" element={<Tasks />} />
        <Route path="/reviews" element={<Reviews />} />
        <Route path="/feedback" element={<Feedback />} />
        <Route path="/recognitions" element={<Recognitions />} />
        <Route path="/notes" element={<Notes />} />
        </Routes>
      </section>      
    </React.Fragment>
  );
};

And it throws an error: export 'Routes' (imported as 'Routes') was not found in 'react-router-dom' (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Prompt, Redirect, Route, Router, StaticRouter, Switch, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter)

My react-router-dom version is 6 enter image description here

I tried using Switch but it is not working for me

Answer 1

According to the image you have react-router-dom@^5.1.2 installed.

The latest version is v6.8.0. It looks like your IDE is just informing you what the latest version is when you hover over that dependency.

If you want to use the v6.8.0 then you'll need to actually install it and update your project's package.json file.

From the terminal in the project's root directly run the following command to update to v.6.8.0 and update the package.json file.

npm install --save react-router-dom@latest

From here the project should have all the RRDv6 components available to it.

react-router-dom re-exports all of react-router so there's no need to have is listed additionally as a dependency, especially if it is still the previous version. If react-router is installed, uninstall it, then install react-router-dom@6 .

npm uninstall --save react-router