使用Route报错：A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendered directl

最新推荐文章于 2023-09-18 18:16:17 发布
最新推荐文章于 2023-09-18 18:16:17 发布
阅读量5.6k 收藏 5
点赞数 5
文章标签： 前端 react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42498591/article/details/125720108
版权

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-router-dom依赖为6版本，需要使用6版本的写法

 或者直接安装6以下版本依赖

npm i react-router-dom@5.2.0

对比5版本写法

 

肚肚dd
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendered directly.
shengyin714959的博客
04-14 68
React路由版本问题，你可以查看自己的package.json文件，查看react-router-dom的版本，应该是 6 版本。React路由版本问题，你可以查看自己的package.json文件，查看react-router-dom的版本，应该是 6 版本。在 React-Router v6版本中，Route更改了使用方式。在 React-Router v6版本中，Route更改了使用方式。
关于react-router-dom 6.0.1的基础写法 解决Error A ＜Route＞ is only ever to be used as the child of ＜Routes＞
m0_67392409的博客
03-06 187
在新建react项目中 使用react-router-dom 6.0.1版本难免会遇到以下报错 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>. 首先要了解 6.0.1的写法更改了 要切换的组件 function Index().
Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendereddirectly
sika-master的博客
07-15 1633
版本是6.3.0。
报错：A ＜route＞ is only ever to be used as the child of ＜Routes＞ element, never rendered directly.
张张张的博客
09-18 395
如果出现这个问题是因为React目前推出最新的版本为18.0，在18.0版本中，React不再支持 ReactDOM.render，如果使用ReactDOM.render，控制台就会报错，但并不影响程序的正常运行。当你学习react路由遇到上面这个问题，先检查一下react-router-dom的版本，如果版本是6.0.0以上都会遇到这个问题。2.将<route></route>所有的标签放在<routes></routes>此时还会出现点击链接市无法跳转，将component改成element即可。
Reacte路由报错：A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendered direct
weixin_45866961的博客
10-12 1398
由于react-router-dom更新到6版本以后，有一些写法开始与5不同
React报错之useNavigate() may be used only in context of Router
「 虚幻私塾」
08-09 2236
比如说，当用户登录后，你不想让用户能够点击回退按钮，再次回到登录页面。换句话说，由这种方式导航到新的路由，不会在浏览器历史堆栈中推入新的条目。一旦你的整个应用都被Router组件所包裹，你可以随时随地的在组件中使用react router所提供的钩子。钩子使用了Router组件提供的上下文，所以它必须嵌套在Router里面。用Router组件包裹你的React应用程序的最佳位置是在你的。时，浏览器历史堆栈中的当前条目会被新的条目所替换。文件中，因为那是你的React应用程序的入口点。函数的参数与组件上的。.
Vue 使用篇(一)：<router-link>的to属性绑定命名路由问题
weixin_34352449的博客
03-23 8327
1、问题描述 使用的to属性绑定到一个含有子路由的命名路由上时，子路由的组件无法显示。 <!-- html --> <div id="app"> <p> <router-link :to="{name:'userRouter',params:{id:'list'}}">命名路由方式：/user/list</router-...
【项目复盘-vue2.0】router.addRoutes 报错TypeError: routes.forEach is not a function
Weiqian_的博客
08-02 6438
router.addRoutes 报错TypeError: routes.forEach is not a function
【无标题】A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendered directly. Pl
qq_57873576的博客
02-14 2056
A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Pl
关于react-router-dom 6.0.1的基础写法 解决Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞
katarinaxxx的博客
11-09 8251
关于 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>. 的解决办法
Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendereddirectly.Pl
weixin_60274384的博客
12-31 707
解决： 更改react-router-dom的版本，改为 5.2.0就可以了 npm i react-router-dom@5.2.0
React 解决 react-router-dom ^6.0.2 报错: A ＜Route＞ is only ever to be used as the child of ＜Routes＞
weixin_60463255的博客
11-27 1383
npm i react-router-dom并引入模块后编写路由，却报错: A ＜Route＞ is only ever to be used as the child of ＜Routes＞。这是因为react-router-dom^6.0.2高版本的router写法改变。如果想要遵从以前的写法，也可以修改版本依赖为低版本如^4.2.2。如果想适应新版本的写法，解决方法如下。 无论高低版本，src>index.js中引入BrowserRouter并包裹App： import R...
解决“Uncaught Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element......“报错
qq_43753895的博客
07-20 1112
react-router-dom版本报错 A is only ever to be used as the child of element
Uncaught Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendered d
Json为你创意赋能的博客
02-22 810
Uncaught Error: A is only ever to be used as the child of element, never rendered directly. Please wrap your in a .
react-router-dom ^6.0.2使用过程中报错 Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞
SUperstarkd的博客
11-22 1322
因为react-router-dom更新的之后路由使用时做了一写改变 废话不多说，上代码 旧版本: import React from 'react' import ReactDOM from 'react-dom' /* react-router-dom 的基本使用： 1 安装： npm i react-router-dom */ // 2 导入组件： import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
“Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element“
Eyno的博客
01-05 382
这是由于react-router-dom版本写法问题。即Route必须被括在Routes里。使用路由的时候遇到这个bug。
[vue warn]: unknown custom element: <router-view> - did you register the com
最新发布
09-22
routes: [ // 定义路由规则 ] }) 5. 最后，在创建Vue实例的时候，将路由实例传入。例如： new Vue({ router: router, // 其他配置项 }).$mount('#app') 通过以上步骤，就可以成功注册<router-view>组件，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值