React 18版本ReactJS应用配置React Router遇报错求助

路由库选择建议 #

直接用react-router-dom就对了——它是基于react-router核心库封装的浏览器端专属路由实现，react-router本身是通用底层库，不直接用于浏览器环境，所以不需要单独安装它。

编译错误的解决方法 #

你碰到的这个错误，本质是react-router-dom和它依赖的react-router版本不匹配导致的。按以下步骤修复：

• 先卸载已安装的路由相关包：

  npm uninstall react-router react-router-dom
  

• 重新安装最新版react-router-dom（它会自动拉取匹配版本的react-router依赖）：

  npm install react-router-dom
  

• 如果还是报错，试试清除缓存后重装：

  npm cache clean --force
  rm -rf node_modules package-lock.json
  npm install
  

补充说明 #

不用换其他路由库，react-router-dom是React生态里最主流的浏览器端路由方案，完全适配React 18。安装完成后，推荐用React Router v6+的createBrowserRouter和RouterProvider写法，更贴合React 18的并发特性。

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