1. 确认 'react-router-dom' 版本 首先,需要确认您项目中使用的 react-router-dom 的版本。因为从 react-router-dom 版本6 开始,Switch 组件已经被重命名为 Routes,并且一些其他组件如 Redirect 也被替换为 Navigate。您可以通过查看 package.json 文件或使用 npm/yarn 命令来确认版本: bash npm list react-rout...
修复“‘Switch’ is not exported from ‘react-router-dom'” 错误的一种方法是将<Switch>替换为<Routes>。 让我们来看一个示例,看看如何将路由代码从 React Router 版本 5 中已废弃的<Switch>组件更新为 React Router 版本 6 中的新<Routes>组件。 在React Router 版本 5 中: import{BrowserRouterasRouter...
报如下错,查react-router-dom版本。 因为:react-router-dom从V5升级到V6造成的 (1) 将Switch 重命名为 Routes (2) Route 的新特性变更 ,component/render被element替代 (3)嵌套路由变得更简单
解决方案: 将react-router版本降到5即可
原因:这些报错原因均为'Switch' 和'Redirect' 是react-router 5版本的接口,而最新版本是 "react-router-dom": "^6.2.1",并且已经将Switch改为Routes。 解决办法有二: 1.将所有 Switch 改为 Routes,Redirect 改为 Navigate ,withRouter改为 useNavigate ...
</Router> 1. 2. 3. 4. 5. 6. 7. 8. 出现这样的错误: Attempted import error: 'Switch' is not exported from 'react-router-dom'. 原因是在 react-router-dom 6.0以后 Switch 就不用了 在package.json 中看了一下版本: 修改成为: <RouterinitialEntries={['/home']}> ...
出现报错:Attempted import error: 'Switch' is not exported from 'react-router-dom' 原因:在 react-router-dom 6.0以后 Switch 就不再使用了,修改为新的用法即可(需要注意的是,component也需要修改) 修改为: <Routes> <Route path="/" exact element={<Home/>}/> ...
import{BrowserRouterasRouter,Route,Switch}from'react-router-dom'; 1. 原因:安装了6.x版本的react-router-dom,在新版本的代码中,已经将 Switch改为Routes Redirect 改为Navigate ...
<Router> <Switch> <HomePage> <Switch> <ErrorBoundary> <Route exact path={'/'} component={InfoShow} /> </ErrorBoundary> </Switch> </HomePage> <CompanyHome> <Switch> <ErrorBoundary> <Route path={ '/companyHome/companyBaseInfo'} component={CompanyBaseInfo} /> </ErrorBoundary> </Switch...
<Router> <Switch> <HomePage> <Switch> <ErrorBoundary> <Route exact path={'/'} component={InfoShow} /> </ErrorBoundary> </Switch> </HomePage> <CompanyHome> <Switch> <ErrorBoundary> <Route path={ '/companyHome/companyBaseInfo'} component={CompanyBaseInfo} /> </ErrorBoundary> </Switch...