针对你的问题,'switch' (imported as 'switch') was not found in 'react-router-dom',这通常意味着你尝试从react-router-dom包中导入一个不存在的组件switch。以下是分点回答,旨在帮助你解决此问题: 检查是否正确安装了react-router-dom包: 确保你的项目中已经安装了react-router-
react报错export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router-dom‘ 报如下错,查react-router-dom版本。 因为:react-router-dom从V5升级到V6造成的 (1) 将Switch 重命名为 Routes (2) Route 的新特性变更 ,component/render被element替代 (3)嵌套路由变得更简单...
解决方案: 将react-router版本降到5即可
To solve the error export 'Switch' (imported as 'Switch') was not found in 'react-router-dom', import `Routes` instead of `Switch`.
exact path={'/'} component={InfoShow} /> </ErrorBoundary> </Switch> </HomePage> <CompanyHome> <Switch> <ErrorBoundary> <Route path={ '/companyHome/companyBaseInfo'} component={CompanyBaseInfo} /> </ErrorBoundary> </Switch> </CompanyHome> <Route component={NotFound} /> </Switch> ...
1. 使用 <Routes> 而不是 <Switch> 修复“‘Switch’ is not exported from ‘react-router-dom'” 错误的一种方法是将<Switch>替换为<Routes>。 让我们来看一个示例,看看如何将路由代码从 React Router 版本 5 中已废弃的<Switch>组件更新为 React Router 版本 6 中的新<Routes>组件。
export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Navigate, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, createRoutesFromChildren, createSearc...
6 Switch, 7 Redirect 8 } from 'react-router-dom'; 9 import { connect } from 'react-redux' 10 import Routers from './router/routerMap' 11 12 // 公共头部组件 13 import Header from './common/header' 14 // 404页面 15 import NotFound from './containers/notFound' ...
步骤1:使用Switch让路由只能匹配一个; 注意顺序问题,路由先从上向下进行匹配 <BrowserRouter><Switch><Route path="/"element={<Home/>}/><Route path="/product"element={<Product/>}/></Switch></BrowserRouter> 步骤2:使用exact关键字,让路由进行精准匹配 ...
import NotFound from "../not-found/NotFound"; export default function Router() { {/* 所有的路由配置均在 BrowserRouter 内部 */ } return ( <BrowserRouter> {/* 使用 Routes 替换曾经的 Switch */} <Routes> <Route path='/' element={<Home />} /> ...