报如下错,查react-router-dom版本。 因为:react-router-dom从V5升级到V6造成的 (1) 将Switch 重命名为 Routes (2) Route 的新特性变更 ,component/render被element替代 (3)嵌套路由变得更简单
bash rm -rf node_modules rm package-lock.json 然后,重新运行安装命令: bash npm install 按照以上步骤操作后,您应该能够解决 export 'switch' (imported as 'switch') was not found in 'react-router-dom' 的错误。如果问题仍然存在,请检查您的代码是否有其他潜在的导入或配置错误。
解决方案: 将react-router版本降到5即可
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...
export 'withRouter' (imported as 'withRouter') was not found in 'react-router-dom' 原因:这些报错原因均为'Switch' 和'Redirect' 是react-router 5版本的接口,而最新版本是 "react-router-dom": "^6.2.1",并且已经将Switch改为Routes。 解决办法有二: ...
import{BrowserRouterasRouter,Route,Switch}from'react-router-dom'; 1. 原因:安装了6.x版本的react-router-dom,在新版本的代码中,已经将 Switch改为Routes Redirect 改为Navigate ...
🧐 问题描述 依赖: "dependencies": { "@ant-design/icons": "^4.7.0", "@ant-design/pro-components": "^2.0.0", "axios": "^0.27.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.3.0", "react-scripts": "5.0.1" }, Index.js import...
{ + switch (browserType) { + case 'firefox': + return { browserType: firefox, channel: undefined, name: 'firefox' }; + case 'webkit': + return { browserType: webkit, channel: undefined, name: 'webkit' }; + default: + return { browserType: chromium, channel: 'chrome', name: '...
To solve the error export 'Switch' (imported as 'Switch') was not found in 'react-router-dom', import `Routes` instead of `Switch`.
我只好顺着错误去看看react-router-config的源码,这里发现react-router-config使用的竟然还是react-router v5的Switch,我当时就无语了,哥们时代变了你不知道吗,我的react-router-dom是^6,所以才产生了报错。 把router版本改成v5即可 不了解v6的小伙伴可以自行查阅下官网React Router | Docs Home...