React路由报错：主页面无法加载，控制台提示"No routes matched location "/""

React Router v6 要求<Route>组件的路径属性必须是小写的path，你代码里的根路由（Path='/'）和通配符路由（Path='*'）用了大写的Path，这个属性名不被框架识别，导致系统找不到匹配"/"的路由规则，因此抛出"No routes matched location "/""错误。

将所有<Route>组件里的大写Path改为小写path即可，修正后的完整代码如下：

function App() {
  return (
    <div className="App font-mono">
      <header className="py-4">
        <Navbar/>
      </header>
      <div>
      <Router>
        <>
        <Routes>
          <Route path='/' element={<Main />}/>
          <Route path="/signin" element={<Signin />} />
          <Route path="/signup" element={<Signup />} />
          <Route path='*' element={<h1>Wrong Page!</h1>}/>
        </Routes>
        </>
      </Router>
      </div>
    </div>
  );
}

export default App;

内容的提问来源于stack exchange，提问作者iamNatural