当我在 github 页面上部署我的网站时空白

Question

我正在努力在 github 页面上部署我的网站，总是一片空白

我正在使用

HashRouter

    <HashRouter basename="/drippy-e-commerce">
    <AuthProvider>
      <ProductsContext>
        <Navbar />
        
        <Routes>
          <Route exact path='/' element={<Home/>} />
          <Route path='/signup' element={<Signup/>} />      
          <Route path='/signin' element={<Signin/>} />  
          <Route path="/products/:productId" element={<ProductPage/>} />  
          <Route path="/addresses" element={<Addresses/>} />  
          <Route path="/accessories" element={<Accessories/>} />  
          <Route path="/shoes" element={<Shoes/>} />  
          <Route path="/jackets" element={<Jackets/>} />  
          <Route path="/sales" element={<Sales/>} />  
            
        </Routes>
        <Footer/>
        <Chat/>
          </ProductsContext>
        </AuthProvider>
    </HashRouter>

这是我的

package.json

`

{
  "homepage": "./",
  "name": "drippy",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --mode development --open --hot",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d dist -b new-gh-page",
    "build": "webpack --mode production"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel-loader": "^9.1.0",
    "connect-history-api-fallback": "^2.0.0",
    "dotenv": "^16.0.3",
    "firebase": "^9.16.0",
    "process": "^0.11.10",
    "react": "^18.2.0",
    "react-chatbot-kit": "^2.1.2",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.8.0",
    "react-scripts": "^5.0.1",
    "react-use": "^17.4.0",
    "swiper": "^8.4.5"
  },
  "devDependencies": {
    "@babel/core": "^7.20.2",
    "@babel/preset-env": "^7.20.2",
    "@babel/preset-react": "^7.18.6",
    "css-loader": "^6.7.2",
    "dotenv-webpack": "^8.0.1",
    "file-loader": "^6.2.0",
    "gh-pages": "^5.0.0",
    "html-webpack-plugin": "^5.5.0",
    "react-app-env": "^1.2.3",
    "style-loader": "^3.3.1",
    "webpack": "^5.75.0",
    "webpack-cli": "^5.0.0",
    "webpack-dev-server": "^4.11.1"
  }
}

`
我试过了

'homepage' : "https://ziaddalii.github.io/drippy-e-commerce/"

但是没用..试过了

"deploy": "gh-pages -d dist -b new-gh-page",

但有些人建议将我的“主页”更改为“./”并更改部署的名称，但它也没有用..

有些人建议等一下，但我等了一整天都没用

我的页面上出现了这个错误
“获取 https://ziaddalii.github.io/bundle.js net::ERR_ABORTED 404”

这是我的github代码
https://github.com/ziaddalii/drippy-e-commerce
和我的网站
https://ziaddalii.github.io/drippy-e-commerce/