Error: A <Route> is only ever to be used as the child of <Routes> element, never rendereddirectly.Please wrap your <Route> in a <Routes>.

React路由版本问题,查看package.json文件,查看react-router-dom的版本,如果是 6 版本,会出现此问题。

在 React-Router v6版本中,Route更改了使用方式。

import React from "react"
import Home from "./pages/home"
import Mine from "./pages/mine"

import {BrowserRouter, Routes, Route} from 'react-router-dom'

function App() {
return (




<Route path="/home" element={}>
<Route path="/mine" element={}>



)
}
export default App;

在v5版本中,

import React from "react"
import Home from "./pages/home"
import Mine from "./pages/mine"

import {BrowserRouter, Routes, Route} from 'react-router-dom'

function App() {
return (







)

}
export default App;

posted @ 2021-12-27 17:05  larissa404  阅读(809)  评论(0)    收藏  举报