【react中引入时报错问题】Export ‘Redirect’ (imported as ‘Redirect’) was not found in ‘react-router-dom’

于 2024-02-21 15:00:55 发布
阅读量499 收藏 7
点赞数 9
文章标签： react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59483744/article/details/136211517
版权

最近在学习react的过程中遇到了下面这个问题，就是switch和redirect的引入问题，我最开始下载react-router-dom插件的时候没有注意版本问题，所以就直接进行下载啦，但是在引入其中组件的时候会遇到一些问题，就是在进行路由重定向时，使用<Redirect></Redirect>这个标签时报错，最后查询到是react-router-dom在下载时要制定版本

解决方法：

1、先卸载之前的react-router-dom

npm uninstall react-router-dom

2、下载指定版本

npm install react-router-dom@5

就可以解决以上报错啦

huhuhahei :)刘小闹
关注
  • 9
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
react项目实战练习（巩固新学的知识以及遇到的问题）
WANG944282的博客
03-23 2016
1.路由的使用 首先安装 npm install react-router-dom --save-dev； 之后引入，引入的时候，发现跟我学习的资源上有些不同，作出了一些更新，导致会出现一些错误，下面就简单说一下今天的项目实战遇到的问题，还有一个没解决，找了很多资料，等后面解决了再来补充。 遇到的一些error 1.Matched leaf route at location "/Detail" does not have an element. This means it will render a
react-router-dom export ‘Switch‘ was not found in ‘react-router-dom‘错误解决方法
潘晓宇(panxiaoyu)的专栏
02-27 1158
问题原因，版本问题。 v5Switch可以使用，v6升级后需要调整对应方法 少し古いガイドラインに沿ってアプリ制作をしていたら、いきなりSwitchがないというエラー。 react-router-domのバージョンが原因。v6以降はSwitchがRoutesになり書き方に変更点が数カ所。 ①v5に戻す、②v6の書き方へ変更するの２種類の対処法をまとめました。 対処法① バージョンをv5に戻す 以下のコマンドで、現行バージョンをアンインストールして、v5をインストールし直す。 npm u...
Switch‘ (imported as ‘Switch‘) was not found in ‘react-router-dom‘
qq_45679015的博客
02-13 698
问题：使用<Switch>标签报错 原因：最新版本是"react-router-dom": "^6.2.1"已经将Switch改为Routes。 解决： （1）将<Switch>标签改为<Routes>标签 （2）卸载原先版本，再安装6以下的版本 npm uninstall react-router-dom npm install react-router-dom@5 ...
react-router-dom 嵌套路由的实现
11-20
入口文件index.js： import React from "react" import ReactDOM from "react-dom" import App from "./App.jsx" import "babel-polyfill" const root = document.getElementById("app") if (root !== null) { ReactDOM.render(, document.getElementById("app")) } 各个文件的详细位置： 主要目录App.jsx: import React, { Fragme
react-router-example:具有react-router-dom的React Router示例
05-26
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（we
关于react-router/react-router-dom v4 history不能访问问题的解决
11-28
前言 最近把react-router 升级了一下， 在使用react-router-dom 是，子组件使用this.props.history  找不到了，看看官方文档，找了半天也没找到，因为我是在异步执行完后才跳转页面，需要用到push 或者replace，怎么办啊，国内知识都是你复制我的，我复制你的，都特么垃圾。只能去Google， 最终找到了答案：（看代码一目了然） 解决方法 首先使用router import React, { Component } from 'react'; import { BrowserRouter, Route } from 'react-router-d
React 路由登录和用户身份鉴权
学无止境
06-18 2008
React 路由登录和用户身份鉴权
export ‘withRouter‘ (imported as ‘withRouter‘) was not found in ‘react-router-dom‘ 问题解决
wejack的专栏
02-16 1623
export 'withRouter' (imported as 'withRouter') was not found in 'react-router-dom' 问题解决
Attempted import error: ‘Redirect‘ is not exported from ‘react-router-dom‘ (imported as ‘Redirect‘)
weixin_45966674的博客
11-13 909
这个问题 很大可能是因为 您使用的是 react-router-dom 6。当你访问的路由不存在时 会自动跳向 path='*'指定的路由。path='*'是react-router-dom 6的重定向语法。react-router-dom 6已经弃用Redirect了。想在写重定向 要这样写。
关于react-router的踩得那些坑： export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router‘报错
world12312312的博客
02-14 4818
今天写react项目出现了个报错，前前后后整了两个多小时，这里分享一下，避免踩坑 我们知道，在react项目里使用路由的集中管理，需要安装react-router-config，而在我安装引入之后就出现以上报错，后面改版本，切node版本，都不好使。 我只好顺着错误去看看react-router-config的源码，这里发现react-router-config使用的竟然还是react-router v5的Switch，，我的react-router-dom是^
react-router-CN：React Router V4中文文档
02-19
React路由器 用于的声明式路由组件 文件 包 这是一个基于管理的存储库。我们基于此代码库已经在npm发布了几个包括： 包名 版本 文件 描述 React Router核心组件 用于DOM绑定的React Router 用于的React路由器 React Router和Redux的集成 静态路由配置帮助助手 加群交流 React技术交流1群（已满）： React技术交流2群： 鸣谢 感谢支持React Router的开发。 另外，感谢提供的基础架构，使我们能够在真实的浏览器中运行我们的构建。
SimpleRouteWithReact:这是一个简单的网站，它使用react-router-dom进行页面之间的导航，还使用axios从JSON API获取数据
05-20
这是一个简单的React网站，它使用react-router-dom进行页面之间的导航，还使用axios从JSON API获取数据。 入门 使用此应用之前，请检查您的PC是否具有reactJs工作环境。 打开Git Bash。 将当前工作目录更改为要克隆目录的位置。 使用以下命令进行克隆：git clone 在运行应用程序之前，请安装react-router-dom和axios npm install react-router-dom npm安装axios 可用脚本 在项目目录中，可以运行： yarn start或npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。
【vue】“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
欢迎来到C-Homes
12-10 2528
安装[email protected]+时写路由注册 // [email protected]+的写法 import VueRouter from 'vue-router' const router = VueRouter.createRouter({ history:vueRouter.createWebHashHistory(), routes:[...] }) 果然报错!!!,[email protected]+已经不支持这种写法 // [email protected]+的写法 import {createRoute
如何将HTML网页重定向到另一个URL？
cunjiu9486的博客
10-07 7981
HTML is a language used to build web pages. Web pages have a dynamic nature where it can change during time. One of the most popular change cases is redirecting a given web page to another web page. T...
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使用router时报错export ‘Switch‘ (imported as ‘Switch‘) was not found in ‘react-router‘解决
Rice_w的博客
07-30 2200
但是，我已经安装过了router相关的依赖，并且已经引入，查找原因，发现是安装react-router-dom版本过低的原因，这是。最近在学习React的时候，使用路由时遇到一个问题，就是每当我一引入路由时，就会报错，提示应当引入switch。...
"export 'default' (imported as '...') was not found in ''..."错误处理
热门推荐
哈哈hyc的博客
04-21 4万+
开发中遇到的一个简单问题 却花了我很长时间 //在一个js文件中导出fetch请求方法 import fetch from 'utils/fetch'; export function getCompanyList() { return fetch({ url: '/wx/company/list', method: 'get' }) } //在vue的s...
export 'redirect' (imported as 'redirect') was not found in 'react-router-dom'
最新发布
03-16
"export 'redirect' (imported as 'redirect') was not found in 'react-router-dom'" 的意思是在 'react-router-dom' 中找不到名为 'redirect' 的导出项。 可能是因为你在代码中使用了 'redirect'，但是没有正确...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值