React 路由器错误：没有路由与我的关于页面的位置"/#about"匹配。(Vite+ReactJs)

Question

我尝试实现React Router Dom来路由我的About。JSX，但是我的控制台给了我一个错误<——没有路由匹配位置"/#about"——>我用npm安装了react-router-dom并导入了它，这里我只保留了与我的错误相关的必要组件。

//My App.jsx:
import React, { useEffect } from "react";
import NavBar from "./NavBar";
import About from "./About";
import AOS from "aos";
import "aos/dist/aos.css";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; 
function App() {
useEffect(() => {
AOS.init({
duration: 2000,
});
}, []);
return (
<>
<Router>
<NavBar />
<Routes>
<Route path="/about" element={<About />}></Route>
</Routes>
</Router>
</>
);
}
export default App;
//My About.jsx:
import React from "react";
function About() {
return (
<>
<section id="about">
<div className="container">
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veritatis
explicabo, voluptates adipisci porro asperiores nesciunt optio
consequatur minima facere debitis voluptas inventore unde
repellendus repellat sed vitae ex! Excepturi, magni?
</p>
</div>
</section>
</>
);
}
export default About;

我想让React路由器实现我的关于页面，当我点击它。

Answer 1

从你的错误中看起来你有"#"在"/#about"路径，但是你的路由路径是"/about"