FAQ

export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router-dom

原因：

这些报错原因均为'Switch' 和'Redirect' 是 react-router 5 版本的接口，而最新版本是 "react-router-dom": "^6.2.1"，并且已经将 Switch 改为 Routes。

解决方案：

方法一： 将所有 Switch 改为 Routes，Redirect 改为 Navigate ，withRouter 改为 useNavigate （vscode 中，按快捷键：CTRL+F 及可查找替换）

方法二： 卸载新版本，再安装 5 的版本

npm uninstall react-router-dom
npm install react-router-dom@5

参考

• export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router-dom
• react 导入 react-router-dom引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘