代码运行报错，该怎么解决？

Question

代码运行报错：Attempted import error: 'Routes' is not exported from 'react-router-dom'，该怎么解决？

用了以下方法：
1、删除并重新安装 react-router-dom 和 react-router。
2、删除 node_modules 文件夹并运行 npm install
3、确定 react-router 和 react-router-dom 是同一个版本。
尝试以上方法，都报错。

这个是我的 index.js 代码

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { BrowserRouter as Router } from "react-router-dom";
import { Switch, Route, Routes } from "react-router-dom";
import Whoops404 from "./components/Whoops404";

function Pages() {
  return (
    <Routes>
       <Switch>
          <Route path="/" element={<App />} />
          <Route path="*" element={<Whoops404 />} />
        </Switch>
     </Routes>
  );
}

ReactDOM.render(
  <React.StrictMode><Router><Pages /></Router></React.StrictMode>,
  document.getElementById("root")
);

package.json的依赖关系：

 "dependencies": {
    "@craco/craco": "^6.1.2",
    "@testing-library/jest-dom": "^5.13.0",
    "@testing-library/react": "^11.2.7",
    "@testing-library/user-event": "^12.8.3",
    "react": "^17.0.2",
    "react-axios": "^2.0.5",
    "react-dom": "^17.0.2",
    "react-player": "^2.9.0",
    "react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.3",
    "react-spinners": "^0.11.0",
    "video-react": "^0.14.1",
    "web-vitals": "^1.1.2"
  },

Answer 1

react-router-dom 这个版本还没有 Routes吧
v5是Switch， v6才是Routes吧

Answer 2

react-router-dom升级到6,5没有Routes