React-dom-router 版本 6 heroku

Question

我试图为应该部署在 Heroku 上的 React 应用程序创建嵌套路由。我有一个包含几行代码的 static.js：

{
    "root": "build/",
    "routes": {
      "/**": "index.html",
      "/posts/**": "index.html",

    }
  }

应用程序组件如下：

import { BrowserRouter, Routes, Route } from "react-router-dom";
import "bootstrap/dist/css/bootstrap.min.css";
import { GetPosts } from "./store/services/DataSource";

import Home from "./Home";
import Posts from "./posts/Posts";
import Dashboard from './posts/Dashboard';

function App() {

  return (
    <BrowserRouter>
      <div className="App">
        <Navbarpage />
        <Routes>
          <Route path="posts" element={<Posts />}>
            <Route path="dashboard" element={<Dashboard />} />
          </Route>
        </Routes>
      </div>
    </BrowserRouter>
  );
}

export default App;

该应用程序在本地主机上完美运行，但只有当仪表板组件的路由被删除时，它才能在 Heroku 上运行。我不知道如何为 Heroku 上的 React 部署制作嵌套路由

您对问题的建议和解释将不胜感激。

谢谢。