Node.js BrowserRouter工作时为什么HashRouter不工作

我想将我的react 代码部署到GitHub页面，但显然，它不支持BrowserRouter.后来我发现我需要使用HashRouter，但由于某种原因，页面不能工作.它只需将div设为根目录，其他任何内容都不会呈现.我try 呈现单个页面，但也不起作用.

Code for BrowserRouter:个

import Home from './pages/Home.js'
import Skills from './pages/Skills.js'
import Test from './pages/test.js'
import {
  BrowserRouter,
  Routes,
  Route
} from "react-router-dom";
import Attributions from './pages/Attributions.js';
import { Social } from './pages/Social.js';
import { Experience } from './pages/Experience.js';
import { Projects } from './pages/Projects.js';
import Chart from './components/Chart.js';
function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route exact path="/" element={<Home/>} />
        <Route exact path="/Skills" element={<Skills/>} />
        <Route exact path="/Attributions" element={<Attributions/>} />
        <Route exact path="/Experience" element={<Experience />} />
        <Route exact path="/Projects" element={<Projects />} />
        <Route exact path="/Socials" element={<Social/>} />
        <Route exact path="/test" element={<Test/>} />
        <Route exact path="/Chart" element={<Chart/>} />
      </Routes>
    </BrowserRouter>
    
  );
}

export default App;

Code for HashRouter:个

import Home from './pages/Home.js'
import Skills from './pages/Skills.js'
import Test from './pages/test.js'
import {
  HashRouter,
  Routes,
  Route
} from "react-router-dom";
import Attributions from './pages/Attributions.js';
import { Social } from './pages/Social.js';
import { Experience } from './pages/Experience.js';
import { Projects } from './pages/Projects.js';
import Chart from './components/Chart.js';
function App() {
  return (
    
    <HashRouter>
      <Routes>
      <Route exact path="/" component={Home}/>
      <Route exact path="/Skills" component={Skills} />
      <Route exact path="/Attributions" component={Attributions} />
      <Route exact path="/Experience" component={Experience} />
      <Route exact path="/Projects" component={Projects} />
      <Route exact path="/Socials" component={Social} />
      <Route exact path="/test" component={Test} />
      <Route exact path="/Chart" component={Chart} />
      </Routes>
    </HashRouter>
  );
}

export default App;

所有的代码都在这里https://github.com/kakhil2004/Portfolio