通过遵循上述步骤,你应该能够解决 'switch' (imported as 'switch') was not found in 'react-router-dom' 的错误,并使你的应用与 React Router v6 兼容。
最后贴一个react-router-dom v6的api地址https://reactrouter.com/docs/en/v6/api
将react-router-dom 版本降级到 5 或以下 1. 使用 <Routes> 而不是 <Switch> 修复“‘Switch’ is not exported from ‘react-router-dom'” 错误的一种方法是将<Switch>替换为<Routes>。 让我们来看一个示例,看看如何将路由代码从 React Router 版本 5 中已废弃的<Switch>组件更新为 React Router 版本 ...
自动添加的却是 react-router-dom的6.0.2的包,版本的升级导致出现了 ‘Switch‘ is not exported from ‘react-router-dom‘ Switch 在新的版本中,不能用了 说是变成了Routes,于是我把代码这样调整: import React from 'react' import { BrowserRouter as Router,Route,Routes} from 'react-router-dom'; imp...
在React Router v6中,Switch组件已被移除,取而代之的是Routes组件。在v5中,Switch组件用于确保一次只匹配一个Route组件,并且它会在找到第一个匹配的Route后停止匹配其他Route。而在v6中,Routes组件的行为类似于Switch,它也只会匹配第一个Route并停止匹配其他Route。因此,虽然Switch组件在v6中被移除,但Routes组件的功能...
报如下错,查react-router-dom版本。 因为:react-router-dom从V5升级到V6造成的 (1) 将Switch 重命名为 Routes (2) Route 的新特性变更 ,component/render被element替代 (3) 嵌套路由变得更简单
低级”组件和实用程序，错误告诉您react-router-dom无法找到由react-router导出的这些v6组件/实用程序。
问“Switch”(导入为“Switch”)在“react路由器”错误中没有发现。EN语义是: 计算表达式的值. 将其...
I've just come across this attempting to pair react-spring with React Router v6. Example with v5 (linked from react-spring): https://codesandbox.io/s/jp1wr1867w - old component leaves, new component enters Example with v6: https://codesandbox.io/s/react-router-spring-b5941 - old compo...
我只好顺着错误去看看react-router-config的源码,这里发现react-router-config使用的竟然还是react-router v5的Switch,我当时就无语了,哥们时代变了你不知道吗,我的react-router-dom是^6,所以才产生了报错。 把router版本改成v5即可 不了解v6的小伙伴可以自行查阅下官网React Router | Docs Home...