React Router在页面加载时未显示默认主页

Question

我正在学习使用React Router，我的主App.js文件如下所示：

function App() {
return (
<>
<Router>
<Navbar />
<Switch>
<Route  path="/resources" exact component={Resources} />
<Route  path="/info" exact component={Info} />
<Route  path="/" exact component={Home} />
</Switch>
</Router>
</>
);
}

我遇到的问题是，当页面最初加载时(在"npm启动"之后或访问github页面上部署的位置时(，Home组件不会显示。但是，当我导航到不同的路线(通过导航栏组件中的链接(时，不同的路线会正常工作。然后，我可以通过同一导航栏返回主页组件，这一次会显示。然后，当我刷新主页上的页面时，它会正确加载。如果我关闭开发服务器并重新启动它，主页将不再加载。有什么建议吗？谢谢

Answer 1

function App() {
return (
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/resources" component={resources} />
<Route path="/info" component={Info} />
<Route path="*">
<Redirect to="/" />
</Route>
</Switch>
</Router>
);
}

Answer 2

在"npm启动"；或者在访问github页面上部署的地方时，它不会回家。我正在使用"；react router dom"："6.8.1"；，

这是我的代码

导出默认函数App(({返回(

<Routes>
<div className="nav-fixed">
<Navbar />
</div>
<Route path="/" element={<Home />} />
<Route path="/menu" element={<Menu />} />
<Route path="/services" element={<Services />} />
<Route path="/about_us" element={<About_us />} />
<Footer />
</Routes>

</div>

)；}