我有嵌套路由，第三級路由失敗。這是我的路由結構是的....但問題是，App.js 路由到 -Home -About -Dashboard 然后 Dashboard 有子組件到 -Profile (/dashboard/user) -Account (/dashboard/account) -Wallet (/dashboard/wallet) - 設置 (/dashboard/settings) 然后設置還有其他子組件 - 編輯個人資料 (/dashboard/settings/editprofile) - 編輯密碼和 Pin 圖 (/dashboard/settings/editpassword) - 編輯帳號 (/儀表板/設置/編輯編號）前兩級路由正在工作，但是當我刷新頁面時，最后一個路由失敗，盡管當我返回主頁并單擊鏈接直到到達最后一個組件時它會呈現，但是一旦我刷新瀏覽器，它就會中斷，當我手動輸入時它也不起作用。這是我的 App.js 路由設置import {  BrowserRouter as Router,  Switch,  Route,  Redirect,} from "react-router-dom";const App = () => {  return (    <div className="App">      {/* setting up the routes */}        <Switch>          <Route path="/" exact component={Home} />          <Route path="/dashboard" component={dashboard} />          <Route path="/login" exact component={Login} />          <Route path="/register" exact component={SignUp} />          <Route path="/about" exact component={AboutServices} />        </Switch>      </Router>    </div>  );};我的儀表板.jsimport { Route, useRouteMatch, NavLink, Switch } from "react-router-dom";const App = () => {     let { path, url } = useRouteMatch();  return (    <div className="App">       <nav> Navavigation bar <nav>      {/* setting up the routes */}    <div className="MainBody">      <Switch>        <Route path={`${path}/wallet`} exact component={Wallet} />        <Route path={`${path}/profile`} component={Profile} />        <Route path={`${path}/account`} component={Account} />        <Route path={`${path}/settings`} exact component={Settings} />      </Switch>    </div>     </div>  );};設置頁面import {  Switch,  Route,  useRouteMatch,  NavLink,  BrowserRouter,}