Attempted import error: ‘Redirect‘ is not exported from ‘react-router-dom‘ (imported as ‘Redirect‘)

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

这个问题 很大可能是因为 您使用的是 react-router-dom 6
react-router-dom 6已经弃用Redirect了

想在写重定向 要这样写

<Route path='*' element = { Notfoundmet() }></Route>

path='*'是react-router-dom 6的重定向语法

当你访问的路由不存在时 会自动跳向 path='*'指定的路由

瑞晟技术服务中心-耿瑞
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react-login-ui:用于 logincreateforgot 对话框的 React 组件
07-16
React登录界面 ... log ( 'Attempted login as ' + username ) ; this . setState ( { loginError : "Unable to login" } ) ; } , render ( ) { return ( < Login loginAction = { this . login }
Kernel panic - not syncing: Attempted to kill init 解决办法
11-18
Kernel panic - not syncing: Attempted to kill init 解决办法 开源成就技术；技术成就梦想
react router 6.0‘Redirect‘ is not exported from ‘react-router-dom‘
小怪獸丶的糖的专栏
12-19 3069
在使用Redirect设置默认路由的时候，报错 'Redirect' is not exported from 'react-router-dom' 原因：react6.0已经不再支持Redirect了 解决办法如下：使用Navigate <Route path="*" element={<Navigate to ="/about" />}/> ...
【react中引入时报错问题】Export ‘Redirect’ (imported as ‘Redirect’) was not found in ‘react-router-dom’
最新发布
m0_59483744的博客
02-21 582
最近在学习react的过程中遇到了下面这个问题，就是switch和redirect的引入问题，我最开始下载react-router-dom插件的时候没有注意版本问题，所以就直接进行下载啦，但是在引入其中组件的时候会遇到一些问题，就是在进行路由重定向时，使用<Redirect></Redirect>这个标签时报错，最后查询到是react-router-dom在下载时要制定版本。1、先卸载之前的react-router-dom。就可以解决以上报错啦。
Attempt import error ：switch is not export from “react- router-dom”
m0_71489733的博客
07-25 222
只需在中端输入以下内容然后更改Switch组件为Routes组件即可 如果喜欢欢迎给我点赞哦
react路由自学遇到的ERROR及解决方法
weixin_56273318的博客
11-09 1045
看视频用到了 <Switch> <Route path="/home/news" component={News}/> <Route path="/home/message" component={Message}/> </Switch> 当我把此段代码写入项目中时却发生了报错 Attempted import error:'Switch' is not exported from 'rea.
export ‘withRouter‘ (imported as ‘withRouter‘) was not found in ‘react-router-dom‘ 问题解决
wejack的专栏
02-16 1704
export 'withRouter' (imported as 'withRouter') was not found in 'react-router-dom' 问题解决
cra-to-next:将Create React App迁移到NextJS
05-24
Module not found: You attempted to import ../../components/Component which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.这个怎么运作？ 在的帮助下，...
高科技垄断：无过错削减戈尔丁结-研究论文
05-20
新生竞争者和反托拉斯执法法规以及数字平台都是出色的文章。 两者都及时提出了极其重要的问题，并对其进行了严格的分析。 令人遗憾的是，由于现有司法先例的戈尔丹结，这两种方法都无法提供法院经常使用的实用解决...
SVN出现提示org.apache.subversion.javahl.ClientException: Attempted to lock an already-locked dir解决方案
09-01
在使用Subversion（SVN）进行版本控制时，有时可能会遇到一个常见的错误提示：“org.apache.subversion.javahl.ClientException: Attempted to lock an already-locked dir”。这个错误通常表示某个目录已经被锁定，...
关于react-router的踩得那些坑： export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router‘报错
world12312312的博客
02-14 4859
今天写react项目出现了个报错，前前后后整了两个多小时，这里分享一下，避免踩坑 我们知道，在react项目里使用路由的集中管理，需要安装react-router-config，而在我安装引入之后就出现以上报错，后面改版本，切node版本，都不好使。 我只好顺着错误去看看react-router-config的源码，这里发现react-router-config使用的竟然还是react-router v5的Switch，，我的react-router-dom是^
REACT Attempted import error: ‘Component‘ is not exported from ‘./Component‘
erzhushashade的博客
09-09 3212
环境： 系统：mac react：17.0.1 问题描述： 或者： Attempted import error: 'Component' is not exported from './Component' 解决方案： How should I solve “Attempted import error: ‘Component’ is not exported from ‘./Component’.” 这里主要是弄清楚export 和 export default 的差别，在import时哪一种需要
react ‘withRouter‘ is not exported from ‘react-router-dom‘
斑码斑码
12-30 1940
安装了 react-router-dom 引用withRouter为啥还报错'withRouter' is not exported from 'react-router-dom'
Attempted import error: 'Link' is not exported from 'react-router'.
祈澈菇凉
11-20 7013
运行react项目的时候，会报出这样的错误 Attempted import error: 'Link' is not exported from 'react-router'. 解决办法 1:安装依赖 npm install react-router-dom 2:在要使用的组件里面引入 import { BrowserRouter as Router, Rout...
Attempted import error: 'injectGlobal' is not exported from 'styled-components' 在styled-component的解决
浮生离梦的博客
05-10 3286
一、问题的出现： 在之前的项目开发中，在使用 styled-components 时，使用injectGlobal 定义样式变量时，出现了这个错误，Attempted import error: 'injectGlobal' is not exported from 'styled-components'。 二、问题的分析及解决： 这个问题出现的原因是The injectGlobal API was removed and replaced by createGlobalStyle in styl
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 导入 react-router-dom引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘
名人卷耶
12-01 1万+
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路由引入报错xxx is not exported from ‘react-router-dom‘
leizixi的博客
11-18 1227
我的做法是: 1.我卸载了 react-router-dom 的第 6 版 npm uninstall react-router-dom 2.并安装了 react-router-dom 的 5.2.0 版本 npm install react-router-dom@5.2.0 这样就没报错了,还要注意一点的是,用npm 就一直用npm,千万不要和yarn混着用 ...
react项目中遇到的bug
热门推荐
感恩、奋进、自信
01-10 2万+
1、react-router使用时，在浏览器出错：Attempted import error: 'Link' is not exported from 'react-router   源代码如下：  import React, { Component } from 'react'; import {Menu} from 'semantic-ui-react'; import 'seman...
Attempted import error: 'Outlet' is not exported from 'react-router-dom' (imported as 'Outlet').
06-03
import { Switch } from 'react-router-dom'; import { routes } from './routes'; function App() { return ( {renderRoutes(routes)} ); } ``` 在上面的例子中，我们使用 `renderRoutes` 函数来渲染...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值