react配置路由报react-router的错误处理方案

最新推荐文章于 2023-07-27 19:01:44 发布
最新推荐文章于 2023-07-27 19:01:44 发布
阅读量1.7k 收藏
点赞数 1
文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57156748/article/details/121698224
版权

这里的错误其实就是因为react-router-dom版本过高，然后只需要把react-router-dom的版本降低一下就可以了

第一步删除以前的版本然后重新下载一下

npm uninstall react-router-dom  

第二步下载react-router-dom的5.2.0版本即可

 npm install react-router-dom@5.2.0 -D

第三步重新启动即可

npm start 

VR攻城狮
关注
第4章、React-Router路由配置；
weixin_44121341的博客
04-12 608
React-Router路由配置
使用React-Router时出现的错误
qq_44046424的博客
04-23 2371
使用React-Router时出现的错误： 问题描述 在配置路由时出现的问题，关于 Router5 和 Router6的使用区别 bundle.js:38620 Uncaught Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.
React填坑之react-router刷新后报错解决方法
热门推荐
weixin_39168678的博客
03-30 1万+
react-router刷新后报错 之前按照各种教程用BrowserHistory（官方推荐，各种吹）实现了路由跳转 效果如下 结果一刷新就报错了，各种get不到页面….. 然后，查资料说BrowserHistory要配合服务器，然后将项目打包丢在nginx 上，然而，，然并卵并没有什么卵用，然后又查了下，说要是 当nginx找不到页面时让他去找我们配置好的页面 具体原因：...
react-router路由使用时引入Route时报错
X北辰北的博客
05-30 2787
问题描述 今天使用 npx create-react-app 命令初始化了一个react应用，然后安装antd和react-router-dom模块后准备进行开发，到配置路由这一步的时候，引入BrowserRouter和Link是正常的，但是引入Route的时候代码却出现了提示，此模块不能使用。 在模块安装文件夹中查看时发现Route.js这个模块是安装了...
npm 安装react-router-dom 报错
weixin_57569836的博客
03-16 2483
npm 安装react-router-dom 报错
react + react-route-dom 实现路由及登录状态判断及404页面处理
weixin_43865334的博客
05-10 1810
react-router-dom v6 路由登录判断 404页面配置
koa-react-router：用于koa 2的react-router中间件
02-03
koaReact路由器 koa 2中间件，用于React... import reactrouter from 'koa-react-router' ; import App from './App' ; import Container from './containers/PageContainer' ; const app = new Koa ( ) ; app
react-router:react-router 中文文档
04-29
React Router Declarative routing for 文档 ...静态路由配置助手 About react--router的开发由React Training和许多的贡献者完成。 如果您有兴趣了解更多关于React能为您的公司做什么的事情，请联
详解如何给React-Router添加路由页面切换时的过渡动画
12-03
在React开发中，React-Router是用于管理应用路由的重要库，而给路由页面添加过渡动画则可以提升用户体验。本文将详细介绍如何在React-Router v5（兼容v4）中使用react-transition-group库来实现页面切换时的过渡效果...
react-router-dom5.0的路由拦截.rar
06-15
react-router-dom5.0的路由拦截 守卫 demo 封装好的 可以直接套用,方便研究使用,直接移植,对着修改,安装 redux等就行,免 c币 下载地址 http://download.lllomh.com/cliect/#/product/J615178556091098
react配置路由报错处理方案
weixin_40015354的博客
07-06 978
是因为npm 版本过高。降低npm版本
引入react文件报错_react.js引入router文件后报错
weixin_39548776的博客
12-20 353
我是一个初学者，目前遇到一个问题，没能定位问题的原因和解决从router.js文件导出 RouteConfig我的路由文件如下：router.jsimport React from 'react';import { BrowserRouter, Route } from 'react-router-dom'/* 引入容器组件 */import Main from './views/index';i...
react router 配置404页面
张啸-前端小师
07-18 7499
react router 配置404页面 使用Vue相关的技术栈2年左右了，在路由管理上一直用的比较得心应手，现在的项目使用react开发，路由自然也就切换到了react router，所用版本为react router 4 在Vue router配置中，我们可以很简单的配置出404页面 使用通配符 * 号匹配所有路由，并将此配置放在数组的最末端，当前面的路由都匹配不上时，就会匹配到 * 号，然后...
react 引入依赖react-router-dom报错
最新发布
m0_68697656的博客
07-27 181
react 引入依赖react-router-dom报错
React Router DOM 升级到 v6 后的一些报错信息
GoldenaArcher的博客
04-23 2207
React Router DOM 升级到 v6 后的一些报错信息 之前在 React Router 的基本应用 讲了一下 react-router-dom 的一些基础用法。虽然那篇笔记写于去年，但是 react-router-dom 中有一些 breaking changes 导致原本的 API 已经被弃用。如果使用 npm i react-router-dom@5 的话，那么那篇笔记还是适用的，不过如果默认下载最新版本，那么程序就会抛出异常从而跑不起来。 报错 1：‘Switch’ is not expo
安装React-router之后报错Link‘ is not exported from ‘react-router‘
m0_55645703的博客
09-08 441
原因： 可能产生的原因是React中文文档更新的滞后 按照官网上 //安装 npm install --save react-router //导入 import { Router, Route, Link } from ‘react-router’ 然后就会报错 解决办法： //安装：react-router-dom npm install react-router-dom //然后再导入 import { Router, Route, Link } from ‘react-.
VueRouter使用报错：Error in render: “TypeError: Cannot read property ‘matched‘
weixin_43230675的博客
09-18 732
错误详情：router的使用测试在配置好components相关映射后出现的各种问题。 （1）：在router文件下的映射关系文件index.js中创建VueRouter时传入的路由数组对象名字必须是**routes**否则就无法响应如下图： （2）：在渲染的main.js中引用router不可用大写命名 ...
react路由配置和报错处理
qq_36359324的博客
09-06 1295
Uncaught Error: useRoutes() may be used only in the context of a component. Uncaught Error: A is only ever to be used as the child of element, never rendered directly. Uncaught Error: useHref() may be used only in the context of
关于React动态加载路由处理！
weixin_33726318的博客
01-07 2279
前言 相信很多人都遇到过想在React项目中动态加载路由这种问题，接下来我们逐步实现。 引入必要的依赖 import React from 'react' import { Router, Route, IndexRoute, hashHistory } from 'react-router' 接下来创建一个component函数 目的就...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值