react router 6.0‘Redirect‘ is not exported from ‘react-router-dom‘

最新推荐文章于 2024-02-21 15:00:55 发布
最新推荐文章于 2024-02-21 15:00:55 发布
阅读量3.0k 收藏 2
点赞数 4
分类专栏： React 文章标签： react.js Redirect
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/honeycandys/article/details/122029024
版权

在使用Redirect设置默认路由的时候，报错

 'Redirect' is not exported from 'react-router-dom'

原因：react6.0已经不再支持Redirect了
解决办法如下：使用Navigate

 <Route path="*" element={<Navigate to ="/about" />}/>
鱼是一只鱼啊
关注
专栏目录
react 导入 react-router-dom引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘
m0_54850952的博客
03-08 524
react-router-dom从V5升级到V6后，有些使用做了一些改变： (1) Switch 重命名为 Routes // v5 <Switch> <Route exact path="/"><Home /></Route> <Route path="/profile"><Profile /></Route> </Switch> // v6 <Routes> <R.
react 导入 react-router-dom@6.3.0版本,引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘
m0_63573982的博客
05-30 906
如上图所示报错,经过查阅学习: react-router-dom从V5升级到V6后，有些使用做了改变： (1) Switch 重命名为 Routes // v5中: exact 精确路由 component 组件 <Switch> <Route exact path="/"> <Home /> </Route> <Route path="/profile" component={Profile}> ..
Attempted import error: ‘Redirect‘ is not exported from ‘react-router-dom‘ (imported as ‘Redirect‘)
weixin_45966674的博客
11-13 963
这个问题 很大可能是因为 您使用的是 react-router-dom 6。当你访问的路由不存在时 会自动跳向 path='*'指定的路由。path='*'是react-router-dom 6的重定向语法。react-router-dom 6已经弃用Redirect了。想在写重定向 要这样写。
react ‘withRouter‘ is not exported from ‘react-router-dom‘
斑码斑码
12-30 1970
安装了 react-router-dom 引用withRouter为啥还报错'withRouter' is not exported from 'react-router-dom'
‘withRouter‘ is not exported from ‘react-router-dom （V5=＞V6）
furfur-jiang的博客
02-10 2809
问题：‘withRouter’ is not exported from 'react-router-dom 原因：“react-router-dom”: “^6.2.1” 版本升级 目的：实现命令式跳转，V5：history.push(‘xxxx’) 解决： 用钩子写withRouter函数，utils/withRouter.js import { useLocation, useNavigate, useParams } from "react-router-dom"; export
今天导入react-router-dom，出现了这个错误：模块““react-router-dom“”没有导出的成员“Switch”
wy3053的博客
10-08 1161
上面的代码需要注意， 这句是原来用switch的写法，注意版本不同写法不同。今天导入react-router-dom，出现了这个错误：模块“"react-router-dom"”没有导出的成员“Switch”。原来是因为版本问题，最新install的版本是"react-router-dom": "^6.3.0",可以用作layout组件，不写element属性，写了要与 Outlet组件配合使用（嵌套路由）
'Redirect' is not exported from 'react-router-dom'
05-18
import { Redirect } from 'react-router-dom'; ``` 2. 如果你已经正确地导入了 `react-router-dom`，但仍然无法使用 `Redirect` 组件，你可以尝试升级你的 `react-router-dom` 版本。运行以下命令来升级 `react-...
Attempted import error: 'Prompt' is not exported from 'react-router-dom'.
04-05
This error occurs when you try to import the `Prompt` component from the `react-router-dom` package, but it is not found in the package. To fix this error, you may need to check your import statement...
Attempt import error ：switch is not export from “react- router-dom”
m0_71489733的博客
07-25 228
只需在中端输入以下内容然后更改Switch组件为Routes组件即可 如果喜欢欢迎给我点赞哦
react-router@6.0
qq_31539817的博客
04-17 737
react-router6.0做出了一些改变 路由注册将<Switch />改成了<Routes /> 路由引入将component改成了element 新增多个hook 新增组件 新增routes和路由注册用法 import React, { Component } from 'react' import { Link, Route, Routes } from 'react-router-dom' import PagesOne from '../pages/P
react路由自学遇到的ERROR及解决方法
weixin_56273318的博客
11-09 1077
看视频用到了 <Switch> <Route path="/home/news" component={News}/> <Route path="/home/message" component={Message}/> </Switch> 当我把此段代码写入项目中时却发生了报错 Attempted import error:'Switch' is not exported from 'rea.
React 使用 Redirect 进行重定向时浏览器报错问题
qq_41709082的博客
01-24 4929
React 使用 Redirect 进行重定向时浏览器报错问题 1.我们在项目中有非常多的地方需要使用路由的重定向，这个时候就要使用到 Redirect组件进行路由重定向。但是使用的时候会发现，浏览器会报错：: You tried to redirect to the same route you’re currently on: “/home” 类似这样的错误。但是还是能达到效果，就是会有一个报...
【react中引入时报错问题】Export ‘Redirect’ (imported as ‘Redirect’) was not found in ‘react-router-dom’
最新发布
m0_59483744的博客
02-21 640
最近在学习react的过程中遇到了下面这个问题，就是switch和redirect的引入问题，我最开始下载react-router-dom插件的时候没有注意版本问题，所以就直接进行下载啦，但是在引入其中组件的时候会遇到一些问题，就是在进行路由重定向时，使用<Redirect></Redirect>这个标签时报错，最后查询到是react-router-dom在下载时要制定版本。1、先卸载之前的react-router-dom。就可以解决以上报错啦。
react中路由中使用Switch和Redirect报错(A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element)
m0_63135041的博客
04-29 303
react中路由中使用Switch和Redirect报错(A is only ever to be used as the child of element)
React-router报错Link' is not exported from 'react-router'
weixin_43254676的博客
07-25 5077
问题 按照官网示例通过npm安装了react-router npm install --save react-router 官网示例中使用react-router的例子中，有这样一句引用 import { Router, Route, Link } from ‘react-router’ 按照官网示例中使用时候发现报错 解决 中文文档更新滞后的缘故，最新官方文档的说明https://reac...
配置 路由 报错 ‘Switch‘ is not exported from ‘react-router‘.
YanG_2859390447的博客
12-07 589
下载指定版本依赖： npm install react-router-dom@5.2.0
export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router-dom‘
热门推荐
小白目的博客
02-27 1万+
一跟着网上做react项目时，代码中以下代码： import { HashRouter, Route, Switch, Redirect } from 'react-router-dom' 出现了以下俩个报错： export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' export 'Redirect' (imported as 'Redirect') was not found in 'react-r
react安装history报错 createLocation is not exported from ‘history‘
qqtang1406722832的博客
07-02 988
错误之前 history的版本为5,"react-router-dom":"^5.2.0" 最后把react-router-dom的版本将为4就行了
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值